将数据附加到本地存储问题

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