Estoy tratando de hacer una lista de tareas simple, anteriormente lo hice funcionar, pero ahora que intenté agregar una función que verificó si la entrada está vacía, ya no funciona, hacer clic en el botón Agregar no hace nada.
Mi código :
function addLi() { var li = document.createElement("li"); var input = document.getElementById("TaskText").value; var txtNode = document.createTextNode(input); li.appendChild(txtNode); if (input === '') { alert("Must write a task!"); } else { document.getElementById("list");appendChild(li) } document.getElementById("TaskText").value = ""; } <body> <h1>Your To-Do List</h1> <label>Add a task to your list</label> <br> <input type="text" placeholder="Add task..." id="TaskText"> <button onclick="addLi()" id="AddTask">Add</button> <ul id="list"> <li>This is an example of a task!</li> </ul> </body>