将数据附加到localstorage问题

Question

如果答案是正确的，我在本地存储中设置一个字符串对象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>

Answer 1

在设置之前获取该项目。

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