如何使用按钮清除 localStorage？

Question

我想做一个按钮，为用户清除本地存储。使用 localStorage.clear(); 但它不起作用。

如果你看演示，它不起作用。

JS code:

var money = 0;

//localStorage function

if(localStorage.money) money = localStorage.getItem('money');
document.getElementById("money").innerHTML = money;

//Clicking function

function moneyClick(number){
    money = parseInt(money) + 10;
    document.getElementById ("money").innerHTML = money;
    localStorage.setItem('money', money);
}

//clear data function

function clearClick(number){
    localStorage.clear();
}

Answer 1

您的代码确实清晰localStorage，但您需要刷新页面才能看到。在您的代码中，您可以通过将 money 设置为 0 并在清除 localStorage:

时更新 DOM 来使其更加清晰

function clearClick(number){
    localStorage.clear();
    money = 0;
    document.getElementById ("money").innerHTML = money;
}

如何使用按钮清除 localStorage？

How do I clear localStorage with a button?

javascript

local-storage