как с помощью localStorage сделать так чтобы теги
создаваемые в JavaScript не исчезали после перезагрузки? пожалуйста, без jQuery
js
function fuf() {
let ghj = document.querySelector('body');
ghj.innerHTML += "<p>приветик</p>";
}
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width">
<title>Document</title>
</head>
<body onload="fyf()">
<button onclick="fuf()">кликЕР</button>
<script src="code.js"></script>
</body>
</html>
Ответы (1 шт):
Автор решения: Alexei Romanov
→ Ссылка
В localStorage можно хранить только строку и у него есть методы setItem и getItem соответственно чтобы сохранить тэг используем метод setItem документация
localStorage.set('key', "<p>приветик</p>")
Чтобы получить используем localStorage.get('key')
И получаем вот такой код
function fuf() {
let ghj = document.querySelector('body');
const element = "<p>приветик</p>";
localStorage.setItem('key', element)
ghj.innerHTML += localStorage.getItem('key');
}
Этот код далеко не идеален, но я думаю будет понятно как работает localStorage