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;

}

根据您所显示的内容，您可以执行所需操作 - 使用按钮单击上的新项目替换原始项目？

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

1 个答案: