Javascript 显示用户'；s以列表的形式输入

我正在尝试创建函数

函数calculateprocesses（）

。该函数用于提示用户输入

itemName

和

itemPrice

。当用户输入

-1

时，它显示

itemtoal

和all

itemName

，并终止循环。我在让函数以列表的形式显示所有

itemName

时遇到问题。我很抱歉，我试过了，但在某一点上搞砸了

函数计算过程（）{
常数哨兵=-1；
设itemName=0；
设itemPrice=0；
设itemTotal=0；
设itemValues=0；
while（itemName！=哨兵）{
itemName=prompt（“为杂货清单输入一个项目。完成后输入-1”）；
itemName=parseFloat（itemName）；
itemPrice=提示（“输入项目价格”）；
itemPrice=parseFloat（itemPrice）；
如果（itemName！=哨兵）{
itemTotal+=itemPrice；
itemValues++；
}
}
让li=“
”+itemName+”
”；
文件.getElementById（“列表”）.appendChild（li）；
document.getElementById（“total”）.innerHTML=itemTotal；
}

杂货店购物清单
单击此处输入杂货清单

总计：

有几个问题，

appendChild

希望元素是节点，而不是纯文本。您可以随机引用

idea

，但这在HTML中不存在，并且在循环中没有附加。此外，您不希望解析项的名称，因为它很可能是一个字符串

看起来你在我做这个答案的时候把

的想法

问题解决了

函数计算过程（）{
常数哨兵=-1；
设itemName=0；
设itemPrice=0；
设itemTotal=0；
设itemValues=0；
let list_el=document.getElementById（“列表”）；
让total_el=document.getElementById（“total”）；
while（itemName！=哨兵）{
itemName=prompt（“为杂货清单输入一个项目。完成后输入-1”）；
itemPrice=提示（“输入项目价格”）；
itemPrice=parseFloat（itemPrice）；
如果（itemName！=哨兵）{
itemTotal+=itemPrice；
itemValues++；
设li=document.createElement（“li”）；
li.innerHTML=itemName
表1.附件子项（li）；
total_el.innerHTML=itemTotal；
}
}
}

杂货店购物清单
单击此处输入杂货清单

总计：

让li=“
”+itemName+”有输入错误，
可能不是完整的解决方案，但让我们重复一下为什么是结束标记
？-<代码>让li=“
”+itemName+”谢谢刚刚更正。谢谢你的帮助。当我尝试解决方案时，我意识到我把这一行留在了那里，并且没有删除我添加的所有其他内容。