将输入值与纯Javascript中的li内容进行比较

我必须做一些待办事项列表，在这里我有输入和按钮来将项目添加到列表中。现在我做了所有的事情，除了用输入值比较每个li项。我的问题是如何将每个li内容与值输入进行比较，以防止重复项。这是密码

//变量
var ul=document.getElementById（“任务列表”）；
var task=document.getElementById（“任务”）；
var btn=document.querySelector（'button'）；
var listItem=document.getElementsByTagName（“LI”）；
//将关闭btn附加到每个列表项
对于（变量i=0；i

#包装器{
宽度：500px；
保证金：0自动；
背景：#00bcd4；
边框：1px实心#f1f0；
左侧填充：10px；
字体大小：1.2米；
}
#包装器任务{
背景：透明；
颜色：#ffffff；
字体大小：1.2米；
宽度：80%；
高度：35px；
边界：无；
边框底部：2个实心#ffffff；
大纲：无；
利润率：15px0.5px0；
}
#包装器#任务：：-webkit输入占位符{
/*Chrome/Opera/Safari*/
颜色：#ffffff；
}
#包装器#任务：：-moz占位符{
/*Firefox 19+*/
颜色：#ffffff；
}
#包装器#任务：-ms输入占位符{
/*IE 10+*/
颜色：#ffffff；
}
#包装器#任务：-moz占位符{
/*火狐18-*/
颜色：#ffffff；
}
#包装器按钮{
字体大小：1.2米；
边框：2个实心#ffffff；
背景：透明；
颜色：#ffffff；
填充物：5px10px；
大纲：无；
光标：指针；
}
#包装器ul#任务列表{
填充：0；
背景：#ffffff；
列表样式类型：无；
文本对齐：左对齐；
页边距底部：0；
左边距：-10px；
}
#包装器ul#任务列表li{
填充：10px；
位置：相对位置；
光标：指针；
}
/*设置关闭按钮的样式*/
.js关闭{
位置：绝对位置；
右：0；
排名：0；
填充：10px；
}
.js关闭：悬停{
颜色：#ffffff；
}
.js隐藏{
显示：无；
}
.js背景{
背景:#efebeb；
}
.js btn禁用{
不透明度：0.65；
光标：不允许；
}
/*#sourceMappingURL=style.css.map*/

添加

看看这个。我使用firstChild并将验证移到函数的顶部

我在验证inputValue之后使用它，但在其他地方使用task

干燥-不要重复你自己

//变量
var ul=document.getElementById（“任务列表”）；
var task=document.getElementById（“任务”）；
var btn=document.querySelector（'button'）；
var listItem=document.getElementsByTagName（“LI”）；
task.focus（）；
//将关闭btn附加到每个列表项
对于（变量i=0；i