как сохранить изменения js после перезагрузки сайта

Question

у меня есть код где btn-кнопка, при нажатии на которую elem становится disabled

btn.addEventListener("click", function() {
    elem.disabled = true;
})

мне нужно чтобы при перезагрузке страницы elem.disabled = true сохранялось и elem был disabled

как сделать?

Answer 1

Предложу такой вариант...

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
 
</style>
<script>
document.addEventListener('DOMContentLoaded', _ => {
  const elem = document.querySelector('#test')
  if (localStorage.getItem('elem')) elem.disabled = true;
  const btn = document.querySelector('#btn')
  btn.addEventListener("click", function() {
    elem.disabled = true;
    localStorage.setItem('elem', 1)
  })
})
</script>
</head>
<body>
<button id='test'>Test</button>
<button id='btn'>Выкл</button>
</body>
</html>

БЛОГ НА HUSL

как сохранить изменения js после перезагрузки сайта

Ответы (1 шт):