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

Question

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

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

我最初使用 localStorage.clear() 进行此操作，但我注意到这也擦除了我在另一页上的数组。我正在尝试使用 localStorage.RemoveItem，但它似乎只是删除了输入按钮而不是数据。

谁能帮我解决这个问题？

这是我的脚本。

更新*

function storeText(inputID) {

//Clears old target weight
//localStorage.clear(); 

//check to see if the localStorage item already exists
var userInput = localStorage.userInfo;

//set it up for new data to be appended
if(userInput!=null) userInput+=" ";
else userInput="";

//add the new data
userInput += document.getElementById(inputID).value;

//set the localStorage field with the updated data
localStorage.userInfo = userInput;




}

 function UpdateWeight(inputID){

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

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

}


</script>

输入

<input size="10" id="userText" type="text"/>            
        <input type="button" class="greyButton" value="submit" onclick= "UpdateWeight(inputID)"/>
        <div id="result">           
        Result here
        </div>

Answer 1

重命名函数

remove(); 

到

removeStorage();

记得更新 onClick。

remove(); 

在按钮上运行而不是调用你的函数！

一个更简洁的功能是：

function UpdateWeight(inputID){

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

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

}

从您所展示的内容来看，这是您想要的 - 在按钮单击时将原始项目替换为新项目？