Я хочу чтобы при перезагрузки страницы сохранялись действия. Здесь в коде сайдбар, но работает не так как я хотел, голова уже не варит в чем дело))))
при перезагрузки страницы значение обновляется. и если он был закрыт - откроется
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Тестик</title>
</head>
<body>
<script>
function sidebar_toggle(change) {
console.log(change);
document.querySelector('.sidebar').textContent = (change) ? 'Я открыт!' : 'Я закрыт!';
console.log(document.querySelector('.sidebar').textContent);
}
function toggle(local_name, change, func) {
var is = (localStorage.getItem(local_name) == 'off');
if(is){
if(change) localStorage.setItem(local_name, 'on');
} else {
if(change) localStorage.setItem(local_name, 'off');
}
func(is);
}
document.addEventListener('DOMContentLoaded', function() {
toggle('sidebar', false, sidebar_toggle);
})
</script>
<div onclick="toggle('sidebar', true, sidebar_toggle);">
Нажми, чтобы открыть сайдбар!
</div>
<div class="sidebar"></div>
</body>
</html>
Простой
