Мне нужно для переключения темы на сайте + сохранение состояния чекбокса. Как этот код можно слить в 1? Пытаюсь запустить по отдельности каждый в html и работает только второй, а первый отказывается.
document.querySelectorAll(".checkbox1").forEach(el => {
el.onchange = () => localStorage.setItem(el.id, el.checked);
el.checked = localStorage.getItem(el.id) === "true";
})
function theme() {
document.querySelectorAll(".checkbox").forEach(el => {
el.onchange = () => {
let el = document.documentElement
if (el.hasAttribute('data-theme')) {
el.removeAttribute('data-theme')
localStorage.removeItem('theme')
} else {
el.setAttribute('data-theme', 'dark')
localStorage.setItem('theme', 'dark')
}
}
})
}
theme()
".checkbox1"
-".checkbox"
- почему разные?onchange
. Решение - у меня в ответе.