Форум

Ermite · #1 (**permalink**) 03.12.2015, 18:45

Можно ли как-нибудь запомнить содержимое div'а? Чтобы после перезагрузки страницы значение div'a не сбрасывалось, а оставалось таким же.

<script>
function q() {
qw.innerHTML = ot.value;
}
</script>
<input id="ot">
<input type="button" value="Go" onclick="q()">
<hr>
<div id="qw">Nachalo</div>

Смог найти только куки для input'a, но переделать их под див так и не получилось.

Vlasenko Fedor · #2 (**permalink**) 03.12.2015, 18:48

Пишите в storage
Вот прекрасный пример как можно туда даже функции записывать
https://github.com/Poznakomlus/localstorage
Скачайе пример и запустите два файла на вебсервере

Mess4me · #3 (**permalink**) 03.12.2015, 18:53

Poznakomlus,
у Вас ссылка не работает на сайте
https://github.com/Poznakomlus/localstorage Download all examples

рони · #4 (**permalink**) 03.12.2015, 18:59

Ermite,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>


<input id="ot">
<input type="button" value="Go" onclick="q()">
<hr>
<div id="qw">Nachalo</div>
<script>
var abc =  localStorage.getItem('abc');
abc && (qw.innerHTML = abc)
function q() {
localStorage.setItem('abc',ot.value);
qw.innerHTML = ot.value;
}
</script>

</body>

</html>

Ermite · #5 (**permalink**) 03.12.2015, 19:05

рони,
Спасибо!
Poznakomlus,
Для меня это пока сложновато, но может пригодиться. Спасибо) Попробую разобраться.

Форум

Справочник

Discord чат

Курсы javascript