Vanilla JavaScript 复选框在选中时不起作用

Question

每次选中某个复选框时，我都会尝试对 div 元素的颜色饱和度进行更改。

    allCheckBoxes.forEach(box => {

      if(box.checked) {

        satura -= 51;

        console.log('checked')

      }

    })

它不起作用，甚至无法登录控制台。根据所有教程，一切似乎都是正确的。我之前用复选框成功地尝试了几乎相同的事情。所以与我自己的代码和 Stackoverflow 中的任何类似问题相比，我找不到任何错误。我使用 Chrome，但也在 Firefox 中尝试过。我尝试将复选框放在标签之外，也不起作用。请帮助我找到解决方案。任何建议将非常感激。提前致谢。

Answer 1

添加了按钮和事件监听器。现在可以了    let colorize = document.querySelector('.colorize')    colorize.addEventListener('click', () => {      dates.forEach(date => {        let day = today = new Date().getDate();        if(date.classList.contains(day)) {          let satura = 255;          allCheckBoxes.forEach(box => {            if(box.checked) {              satura -= 51;              console.log('checked')            }          })          date.style.setProperty("--color", satura);        }      })    })