Как проверить на наличии флажка :checked у input, после перезагрузки страницы?

Question

[Alexander3928]

Какая должна быть логика проверки флажка :cheked у input, после перезагрузки?

Comments

[Ankhena]

Такая же как и при первой загрузке?

Но может у вас всё таки обратная цель: поставить/снять галку используя инфу из LocalStorage.

[Alexander3928]

Ankhena,Так оно и есть. Я написал логику переключения день/ночь и записал данные в localStorage. Но checked у input становится false после перезагрузки. То-есть, если есть атрибут dark в localStorage, тогда для input сделать состояние :checked

вот код, для понимания

function appDarkMode() {
      const body = document.querySelector("body");
      document.querySelector(".switch-day").addEventListener("change", event => {
        body.toggleAttribute("dark", event.target.checked);
        document.querySelector("#darkmode").checked ? localStorage.setItem("dark", "") : localStorage.removeItem("dark", "");
      });
      if (localStorage.getItem("dark") !== null) {
        body.setAttribute("dark", "");
      }
    }

[Ankhena]

Alexander3928, вы мастер формулировки вопросов ))
Кстати, гуглится за полминуты.

Например, так https://codepen.io/AnnaSummer/pen/oNEoeqY

[Alexander3928]

Ankhena, напишите что-то в ответе, чтобы я вас отметил

Answer 1

[Ankhena]

Пример переключалки темной-светлой темы
https://codepen.io/AnnaSummer/pen/oNEoeqY

Answer 2

[Rsa97]

По событию завершения загрузки DOM найти нужный input и проверить статус checked.
Ваш К.О.

Comments

[Alexander3928]

В этом и смысл моего вопроса. Я не знаю логику проверки input на :ckeked, после перезагрузки