Javascript 将样式应用于购物列表中新创建的项目

我需要有一个事件，将划掉每个点击的项目，包括那些由用户自己创建的项目

我有一个“待办事项”列表，默认包含4项。您可以通过在输入字段中输入“待办事项”来添加“待办事项”。 附言-现在我的脚本只适用于现有项目

var input=document.getElementById（“inpText”）；
var button=document.getElementById（“按钮”）；
var ul=文件查询选择器（“ul”）；
var list=document.getElementsByTagName（“li”）；
函数inputLength（）{
返回input.value.length；
}
函数createNewListElement（）{
var li=document.createElement（“li”）；
appendChild（document.createTextNode（input.value））；
ul.儿童（li）；
input.value=“”；
}
函数newElementCreation（）{
如果（inputLength（）>0）{
createNewListElement（）；
}
}
函数newElementCreationByEnter（事件）{
if（inputLength（）>0&&event.keyCode==13）{
createNewListElement（）；
}
}
函数元素切换（）{
this.classList.toggle（“完成”）；
}
按钮。addEventListener（“单击”，新建元素创建）；
input.addEventListener（“按键”，newElementCreationByEnter）；
对于（var i=0；i，您必须在新创建的li上附加click事件

更新：添加一个计数器变量以跟踪总li计数


var input=document.getElementById（“inpText”）；
var button=document.getElementById（“按钮”）；
var ul=文件查询选择器（“ul”）；
var list=document.getElementsByTagName（“li”）；
var totalEl=list.length；
log（'Total元素：'，totalEl）；
函数inputLength（）{
返回input.value.length；
}
函数createNewListElement（）{
var li=document.createElement（“li”）；
appendChild（document.createTextNode（input.value））；
ul.儿童（li）；
input.value=“”；
li.addEventListener（“单击”，元素切换）；//将事件附加到此处
totalEl++；//递增计数
log（'Total元素：'，totalEl）；
}
函数newElementCreation（）{
如果（inputLength（）>0）{
createNewListElement（）；
}
}
函数newElementCreationByEnter（事件）{
if（inputLength（）>0&&event.keyCode==13）{
createNewListElement（）；
}
}
函数元素切换（）{
this.classList.toggle（“完成”）；
}
按钮。addEventListener（“单击”，新建元素创建）；
input.addEventListener（“按键”，newElementCreationByEnter）；
for（让i=0；我感谢你！我需要弄清楚如何正确使用“let”。在这种情况下，如何计算列表长度？如果我在“for”中计算列表长度循环-它只计算现有项。如果我在函数内设置计数器，它将计算新项only@NikitaBasharkin，这里与let无关。您可以维护一个全局变量，并在创建新li时增加该变量，更新答案……谢谢：）谢谢！感谢您的回复！：）@NikitaBasharkin，非常欢迎您的帮助，很高兴：）