Как автоматическии сохранять раннее веденные тексты и при перезагрузки чтобы текст оставался на месте?

Question

<body>
  <form onsubmit="javascript:return false; " id="form">
    
        <input class="text" placeholder="Написать...">
            
        <button class="math" onclick="display()">Отправить</button>
        
        </form>   
        





        <script>
        
        function display() {
            let txt = document.querySelector(".text");
            let show = document.createElement('p')
            show.classList.add('.show')
            let value = txt.value
            if(value!="") {
                show.innerText=value + '' + new Date().toLocaleTimeString() 
                document.body.append(show)
                  form.reset()
            }
        } 
         
        
        </script>

Answer 1

Можете использовать localStorage.

const key = `my-text`;
const $textarea = document.querySelector(`textarea`);
$textarea.value = localStorage.getItem(key) || ``;

$textarea.addEventListener(`input`, e => {
  localStorage.setItem(key, e.target.value);
});

<textarea></textarea>

БЛОГ НА HUSL

Как автоматическии сохранять раннее веденные тексты и при перезагрузки чтобы текст оставался на месте?

Ответы (1 шт):