Question

我有一个输入，在下面的本地存储中显示数据。目前，它一直在添加已输入的内容，并在其间显示“”。这很好，但我只需要存储并显示 ONE 输入并显示它。如果是用户想要更改输入，会有一个清除本地存储的按钮。

任何人都可以为此功能提供帮助。

<script>

function storeText(inputID) {

//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;

//write it to the page
document.getElementById("result").innerHTML = localStorage.userInfo;

if (userInput > 1){
alert("Please Clear to add a new goal");
return false;

}

</script>

这是我的输入和显示

<input id="userText" type="text"/>
    <input type="button" value="store" onclick="storeText('userText')"/>
    <div id="result">           
    Result here
</div>

Answer 1

localStorage.clear（）; - 这将完全清除本地存储

localStorage.removeItem（ 'userInput'）; - 这会删除一个特定项目 - 然后您可以重新添加它。

只需将此应用于按钮onClick事件

即可

将本地存储输入限制为1

1 个答案: