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);

        }

      })

    })