javascript - todolist双击添加类？

Question

我正在制作一个待办事项列表...任务完成后，我需要能够单击它，然后向该项目添加一个类...它可以工作，但我必须双击...有什么建议吗？

 list.onclick = function() {
        var list = document.getElementsByTagName('li');
        for (var i = 0; i < list.length; i++) {
            list[i].onclick = function() {
                if (!this.classList.contains("checked") || this.classList.contains("checked")) {
                    this.classList.add("checked");
                } else {
                    this.classList.remove("checked");
                }
            }
        }
    }

Answer 1

据我了解，此功能的目的是在用户每次单击列表元素时检查或取消选中该元素。为此，首先我们需要确定“类”是否存在并将其删除。在其他情况下，只需将该“类”添加到 classList 属性即可。

list.onclick = function() 
{
    var list = document.getElementsByTagName('li');
    for (var i = 0; i < list.length; i++)
    {
        list[i].onclick = function() 
        {
            if (this.classList.contains("checked") 
            {
                this.classList.remove("checked");
            } 
            else 
            {
                this.classList.add("checked");
            }
        }
    }
}