javascript - 将数据追加到本地存储问题

如果答案正确，则在本地存储中设置字符串对象data.color。然后，每次答案正确时，我都希望在本地存储中保存该日志并打印结果。

也许我的逻辑有问题，并且在重新加载页面时文本无法正确附加，只有最后一个结果输出到div。当答案正确时，我想将每个结果附加到本地存储中。

$('#butn').click(function(e) {
     $.ajax({
            type: "POST",
            url: "validation.php",
            dataType: "json",
            data: $("input").serialize(),
        }).done(function(data) {
         if (data.answer) { //if answer is correct
         localStorage.setItem("ColorStorage", data.color); //set in local storage the string object
          $("#result").append(localStorage.getItem("ColorStorage"));//print result to html
            }
        });
        });
        if (localStorage.getItem("ColorStorage"))  {/*if local storage is set..*/
    $("#result").append(localStorage.getItem("ColorStorage"));
    }

的HTML：

  <div id="result"></div>

最佳答案

在设置项目之前先获取它。

let answers = data.color + "," + localStorage.getItem("ColorStorage");
localStorage.setItem("ColorStorage", answers);

关于javascript - 将数据追加到本地存储问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49846257/