试图从数组中删除一个元素并使数组；刷新“；在Javascript的网页上

这里是Javascript新手。 我制作了一个javascript应用程序，可以从列表数组中添加和删除项元素。 添加函数。 删除不起作用。 但是，我认为可能是从数组中删除了item元素；未在网页上“刷新”阵列。 有人知道怎么做吗？ 谢谢 伊丽莎

HTML:

<p>GROCERY LIST-INATOR</p>
<p>Click the button to add an item to grocery list.</p>

<button onclick="addItem()">Add item</button>
<button onclick="deleteItem()">Delete item</button>

<p id="list"></p>

var list = [];

function addItem (){
    var name = prompt("Enter item name:");
    list.push(name);
    var today = Date();
    var string = "Created on " + today + "<br>" + " My Grocery List: <br>";
    for (var key in list){
        string += "- " + list[key] + "<br>";
    }
    document.getElementById("list").innerHTML = string;
};

function deleteItem (){
    var item = prompt("Enter item name:");
    for(var i = list.length - 1; i >= 0; i--) {
        if(list[i] === item) {
        list.splice(i, 1);
    }
}
   document.getElementById("list").innerHTML = string;
};

杂货清单-INATOR

单击按钮将项目添加到杂货店列表

添加项
删除项目

JS:

<p>GROCERY LIST-INATOR</p>
<p>Click the button to add an item to grocery list.</p>

<button onclick="addItem()">Add item</button>
<button onclick="deleteItem()">Delete item</button>

<p id="list"></p>

var list = [];

function addItem (){
    var name = prompt("Enter item name:");
    list.push(name);
    var today = Date();
    var string = "Created on " + today + "<br>" + " My Grocery List: <br>";
    for (var key in list){
        string += "- " + list[key] + "<br>";
    }
    document.getElementById("list").innerHTML = string;
};

function deleteItem (){
    var item = prompt("Enter item name:");
    for(var i = list.length - 1; i >= 0; i--) {
        if(list[i] === item) {
        list.splice(i, 1);
    }
}
   document.getElementById("list").innerHTML = string;
};

var list=[]；
函数附加项（）{
变量名称=提示（“输入项目名称：”）；
列表。推送（名称）；
var today=日期（）；
var string=“创建于“+今天+”
“+”我的购物清单：
”；
for（列表中的var键）{
字符串+=“-”+列表[键]+“
”；
}
document.getElementById（“列表”）.innerHTML=string；
};
函数deleteItem（）{
变量项目=提示（“输入项目名称：”）；
对于（var i=list.length-1；i>=0；i--）{
if（列表[i]==项目）{
列表.拼接（i，1）；
}
}
document.getElementById（“列表”）.innerHTML=string；
};

---

您没有在第二个函数中更新字符串变量。在使用字符串变量之前，请尝试在第二个函数中添加与字符串相关的代码，这样就完成了

var string = "Created on " + today + "<br>" + " My Grocery List: <br>"; 
for (var key in list)
  { 
    string += "- " + list[key] + "<br>"; 
   }

---

您没有在第二个函数中更新字符串变量。在使用字符串变量之前，请尝试在第二个函数中添加与字符串相关的代码，这样就完成了

var string = "Created on " + today + "<br>" + " My Grocery List: <br>"; 
for (var key in list)
  { 
    string += "- " + list[key] + "<br>"; 
   }

---

第二个函数中没有

字符串
变量<在第一个函数中创建的代码>字符串
变量是局部变量，仅对函数范围可见。您可能还需要查看工作示例。在第二个函数中没有
字符串
变量<代码>字符串

在第一个函数中创建的变量是本地变量，仅对函数作用域可见。您可能还需要查看工作示例。