1

я работаю с localStorage впервые, так как ещё изучаю JavaScript и зная отлько азы, не могу понять как сделать следущее: При вводе текста в input, а затем после нажатия кнопки сохранить/save, текст выводится в див по имени result, но как с помощью localStorage сделать так, что бы он сохранился, что бы при попытке перезагрузить или выйти из страницы, он не исчезал из дива!? Я перепробовала многие варианты в которых была уверена, а так же в интенете но результаты были не те. Буду очень благодарна если кто-то поможет.

<body>


 <input type="text" class="text"/><button onclick="save()">Save</button>
 <div id="result"></div>

#result{
    background-color: red;
    width: 300px;
    height: 300px;
}

<script>

function save(){

var a = document.getElementsByClassName("text")[0].value;
var b = document.getElementById("result");
b.innerHTML = a;

}

2
  • 1
    Что-то я не вижу в Вашем коде слова localStorage. w3schools.com/jsref/prop_win_localstorage.asp
    – user176262
    6 сен 2019 в 17:31
  • Спасибо за ссылку, дело было в том, что я не знала как его правильно написать, потому что, то что писала я, всегда выводило ошибку.
    – user327919
    6 сен 2019 в 18:56

1 ответ 1

1

Скрипт должен быть после <div id="result"></div>.

function save() {
  var a = document.getElementsByClassName("text")[0].value;
  var b = document.getElementById("result");
  b.innerHTML = a;

  localStorage.setItem("myText", a);
}

document.getElementById("result").innerHTML = localStorage.getItem("myText");
2
  • Благодарю, я перепробовала множество тяжёлых и запутанных вариантов со скриптами, а оказалось, нужно было сохранить и извлечь его обычным способом.
    – user327919
    6 сен 2019 в 19:04
  • 1
    @ElviraKukhtaruk На здоровье. Успехов!
    – user176262
    6 сен 2019 в 19:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.