我正在创建一个跟踪人们体重的网络应用程序。我有一个页面,其中一个数组存储在本地存储中并显示给用户。
目前正在使用的页面,输入用户目标体重并将其显示给他们。
我最初使用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>
答案 0 :(得分:0)
重命名功能
remove();
到
removeStorage();
记得也要更新onClick。
remove();
正在按钮上运行,而不是调用你的函数!
更成功的功能是:
function UpdateWeight(inputID){
localStorage.userInfo = document.getElementById(inputID).value;
document.getElementById("result").innerHTML = localStorage.userInfo;
}
根据您所显示的内容,您可以执行所需操作 - 使用按钮单击上的新项目替换原始项目?