Мне нужно проверять мой toggle (input type="checkbox") на состояние. Если checked, то рядом дописать слово "On", иначе "Off". Я проверяю это дважды: первый раз при загрузке страницы, дальше по клику. Есть такой код:
let toggles = document.querySelectorAll('.toggle');
function checkToggle(checkbox) {
let checkboxContainer = checkbox.closest('.toggle-container');
let flagMessage = checkboxContainer.querySelector('.flag-message');
if (checkbox.checked) {
flagMessage.textContent = "On";
} else {
flagMessage.textContent = "Off";
}
}
toggles.forEach(toggle => toggle.addEventListener("DOMContentLoaded", checkToggle(toggle)));
toggles.forEach(toggle => toggle.addEventListener("click", checkToggle(toggle)));
Первый раз функция по событию "DOMContentLoaded" срабатывает. Второй раз по событию "click" не срабатывает. Где я ошибся?