я работаю с 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;
}
localStorage
. w3schools.com/jsref/prop_win_localstorage.asp