คือจะฝึกทำ Todo list แต่ว่าผิดที่บรรทัดสุดท้ายครับ กด Enter แล้วมันไม่แสดงข้อความที่ต้องการเพิ่ม list ไว้
var enterButton = document.getElementById("enter");
var input = document.getElementById("useInput");
var ul = document.querySelector("ul");
var item = document.getElementsByTagName("li");
function inputLenght() {
    return input.value.length;
}
function listLenght() {
    return item.length;
}
function createListElement() {
    var li = document.createElement(li);//create an element "li"
    li.appendChild(document.createTextNode(input.value)); // make text from input field the li text
    ul.appendChild(li); //add li to ul
    input.value = "";//reset text input field
    function crossOut() {
        li.classList.toggle("done");
    }
    li.addEventListener("click", crossOut);
    var dBtn = document.createElement("button");
    dBtn.appendChild(document.createTextNode("X"));
    li.appendChild(dBtn);
    dBtn.addEventListener("click" , deleteListItem);
    
    function deleteListItem() {
        li.classList.add("delete");
    }
}
function addListAfterClick() {
    if(inputLenght() > 0) {
        createListElement();
    }
}
function addListAfterKeyPress(event) {
    if (inputLenght() > 0 && event.which === 13) {
        createListElement();
    }
}
enterButton.addEventListener("click", addListAfterClick);
input.addEventListener("keypress", addListAfterKeyPress);