Javascript 本地存储未提供正确的结果

我正在努力建立便利贴。我正在读头一系列。 我做了这个密码。 但不知怎么的，它不起作用了

<form action="post">
    <input id="note_text" type="text" placeholder="enter your Note">
    <input type="button" id="add_button" value="Add Note">

</form>
<ul id="postItNotesList">

    <li>This is my very first note.</li>

    <li>This is my very Second note.</li>

</ul>

这是我的第一个音符
这是我的第二个音符

这是Js

window.onload=init;

// Add Sticky to Page

function addStickyToPage(value) {
    var sticky = document.createElement("li");
    span.setAttribute("class", "sticky");
    document.getElementById("postItNotesList").appendChild(sticky);
}



// Create and get Sticky Note into the localStorage
function createSticky() {
    var value = document.getElementById("note_text").value;
    var key = "sticky_" + localStorage.length;
    localStorage.setItem(key, value);
    addStickyToPage(value);
}



function init() {

    var button = document.getElementById("add_button");
    button.onclick = createSticky;



    for (var i = 0; i < localStorage.length; i++) {
        var key = localStorage.key(i);
        if (key.substring(0, 6) == "sticky") {
            var value = localStorage.getItem(key);
            addStickyToPage(value);
        }
    }


}

window.onload=init；
//添加粘性到页面
函数addStickyToPage（值）{
var sticky=document.createElement（“li”）；
setAttribute（“类”、“粘性”）；
document.getElementById（“PostNotesList”）.appendChild（粘性）；
}
//创建便笺并将其放入本地存储
函数createSticky（）{
var值=document.getElementById（“note_text”）.value；
var key=“sticky\”+localStorage.length；
setItem（键、值）；
addStickyToPage（值）；
}
函数init（）{
var button=document.getElementById（“添加按钮”）；
button.onclick=createSticky；
for（var i=0；i

因此，我已经建立了一个小提琴，让你可以很容易地检查出来 这是 请告诉我哪里做错了。 谢谢。

我已经更新了您的。注意：首先您应该创建DOM元素，然后将文本附加到此元素，最后将此节点附加到正文，因此您的代码应该如下所示：

window.onload=init();

    function addStickyToPage(value) {
        var sticky = document.createElement("li");
        sticky.setAttribute("class", "sticky");
        var t = document.createTextNode(value);
        console.log(t);
        sticky.appendChild(t);
        document.getElementById("postItNotesList").appendChild(sticky);
    }

还有带括号的

windows.onload=init（）

谢谢
未捕获的引用错误：span不是defined@Ok我删除了那一行，但仍然每个注释都是空的…函数addStickyToPage（value）您在这个函数中传递了值，但对它不做任何操作it@o如何修复它..谢谢，但请向我解释var t=document.createTextNode（value）；你刚才在这里做了什么？好的，那么你创建了文本…？createTextNode它将文本框中的文本附加到你的粘滞文本中，你可以阅读有关此功能的信息我可以在这里使用innerHtml吗？？