Javascript 无法将值保存到JS中的现有li和span标记中

Javascript 无法将值保存到JS中的现有li和span标记中,javascript,Javascript,代码是使用item和quantity创建一个待办事项列表,我已经为按钮和列表视图按钮使用了引导组件,无法将新添加的项目保存到html文件中创建的现有列表视图中 var item=document.getElementById(“第一”); var数量=document.getElementById(“第二个”); var按钮=document.getElementsByClassName(“btn btn主”)[0]; var ul=文件查询选择器(“ul”); 函数名长度(){ 返回item

代码是使用item和quantity创建一个待办事项列表,我已经为按钮和列表视图按钮使用了引导组件,无法将新添加的项目保存到html文件中创建的现有列表视图中

var item=document.getElementById(“第一”);
var数量=document.getElementById(“第二个”);
var按钮=document.getElementsByClassName(“btn btn主”)[0];
var ul=文件查询选择器(“ul”);
函数名长度(){
返回item.value.length;
}
函数quantityLength(){
返回数量.value.length;
}
函数createListElement(){
var li=document.createElement(“li”);
var span=document.createElement(“span”);
li.appendChild(document.createTextNode(item.value));
appendChild(document.createTextNode(quantity.value));
ul.儿童(li);
ul.儿童(span);
项目.价值=”;
数量。价值=”;
}
函数addListAfterClick(){
如果(nameLength()>0&&quantityLength()>0){
createListElement();
}
}
函数addListAfterKeypress(事件){
if((nameLength>0&&quantityLength>0)&&event.keyCode==13){
createListElement();
}
}
按钮。addEventListener(“单击”,addListAfterClick);
项目.添加的EventListener(“按键”,添加的ListAfterKeyPress);
数量。addEventListener(“按键”,addListAfterKeypress)

添加
希望这有帮助

您已经在html中包含了jquery。使用jquery将 大量减少您的代码。如果不使用,我会向您推荐
jquery
使用任何js框架

var item=document.getElementById(“第一”);
var数量=document.getElementById(“第二个”);
var按钮=document.getElementsByClassName(“btn btn主”)[0];
var ul=文件查询选择器(“ul”);
函数名长度(){
返回item.value.length;
}
函数quantityLength(){
返回数量.value.length;
}
函数createListElement(){
var li=document.createElement(“li”);
var span=document.createElement(“span”);
li.appendChild(document.createTextNode(item.value));
li.className='列表组项目d-flex对齐项目中心之间的内容';
appendChild(document.createTextNode(quantity.value));
span.className='徽章-徽章-主要徽章-药丸';
李.儿童(span)
ul.儿童(li);
项目.价值=”;
数量。价值=”;
}
函数addListAfterClick(){
如果(nameLength()>0&&quantityLength()>0){
createListElement();
}
}
函数addListAfterKeypress(事件){
if((nameLength>0&&quantityLength>0)&&event.keyCode==13){
createListElement();
}
}
按钮。addEventListener(“单击”,addListAfterClick);
项目.添加的EventListener(“按键”,添加的ListAfterKeyPress);
数量。addEventListener(“按键”,addListAfterKeypress)

添加

    你说的“保存”是什么意思?就像刷新页面一样,它仍然存在?您是在谈论
    状态
    ,还是在谈论
    数据库
    ?让
    成为
    的孩子真的没有意义。如果您向我们提供示例HTML,然后我们可以验证您的问题。我的意思是将item和quantity中的新值添加到我在HTML文件中使用的li和span类中。