Javascript 如何使用removeItem删除部分本地存储？

我正在创建一个追踪人们体重的网络应用程序。我有一个页面，其中一个数组存储在本地存储器中并显示给用户

我现在正在处理的页面，输入用户的目标权重并显示给他们

我最初使用localStorage.clear（）处理这个问题，但是我注意到这也会在另一个页面上删除我的数组。我试图使用localStorage.removietem，但是它似乎只是删除了输入按钮，而不是数据

有人能帮我吗

这是我的剧本

更新*

函数存储文本（inputID）{
//清除旧的目标权重
//localStorage.clear（）；
//检查本地存储项是否已存在
var userInput=localStorage.userInfo；
//将其设置为要追加的新数据
如果（userInput！=null）userInput+=“”；
else userInput=“”；
//添加新数据
userInput+=document.getElementById（inputID）.value；
//使用更新的数据设置localStorage字段
localStorage.userInfo=userInput；
}
函数更新视图（inputID）{
localStorage.userInfo=document.getElementById（inputID）.value；
document.getElementById（“结果”）.innerHTML=localStorage.userInfo；
}

输入

结果在这里

重命名该函数

remove(); 

到

记住也要更新onClick

remove(); 

正在按按钮运行，但未调用您的函数

更成功的功能是：

function UpdateWeight(inputID){

    localStorage.userInfo = document.getElementById(inputID).value;

    document.getElementById("result").innerHTML = localStorage.userInfo;

}

---

从您显示的内容来看，这是您想要的-在单击按钮时用新项替换原始项？

很抱歉，我没有看到您评论的下半部分，我将尝试您的功能。顺便说一句，onclick应该只包含一个函数updatewight-其他函数不需要。因此，我只需要使用UdateWeight函数需要它仍然没有发挥作用UpdateWight（inputID）需要是UpdateWight（“userText”）-您必须传入所需的ID。我通过添加localStorage.userInfo=document.getElementById（inputID）.value；到我的原始存储文本函数的底部。干杯！！

removeStorage();

remove(); 

function UpdateWeight(inputID){

    localStorage.userInfo = document.getElementById(inputID).value;

    document.getElementById("result").innerHTML = localStorage.userInfo;

}