Javascript存儲數字以供以后與Web存儲一起使用

Question

我正在制作一個需要顯示和保存用戶輸入的頁面

我有這些變量

var hotdogs = 0;
var bread = 0;
var hotdog = 0;
var sauce = 0;
var bakeries = 0;
var butchers = 0;
var sauceries = 0;

我試圖以此創建一個保存按鈕，盡管加載工作正常，但我無法在非常基本的數學中使用它們。 遇到數學問題后，這些數字也會顯示在頁面上。

當我使用此代碼時，數字會加載，但是當我在數字上加1時，最后加1不會增加1。

if(typeof(Storage)!=="undefined") {
        var hotdogs = localStorage.getItem("hotdogs");
        var bread = localStorage.getItem("bread");
        var hotdog = localStorage.getItem("hotdog");
        var sauce = localStorage.getItem("sauce");
        var bakeries = localStorage.getItem("bakeries");
        var butchers = localStorage.getItem("butchers");
        var sauceries = localStorage.getItem("sauceries");
    }
    else {
        var hotdogs = 0;
        var bread = 0;
        var hotdog = 0;
        var sauce = 0;
        var bakeries = 0;
        var butchers = 0;
        var sauceries = 0;
    }

    var auto = 1;
    var automake = 0;
    var one = 1;

    function save () {
        localStorage.setItem("bread", bread);
        localStorage.setItem("hotdog", hotdog);
        localStorage.setItem("sauce", sauce);
        localStorage.setItem("hotdogs", hotdogs);
        localStorage.setItem("bakeries", bakeries);
        localStorage.setItem("butchers", butchers);
        localStorage.setItem("sauceries", sauceries);
    }

Answer 1

存儲項始終存儲為字符串。 例如，這就是為什么必須在存儲對象之前JSON.stringify對象。

因此， +表示連接，而不是加。 如果要檢索整數，則必須parseInt(item, 10) 。