---

Preview

Code

<input id="todoInput" placeholder="New task">
<button onclick="addTodo()">Add</button>

<ul id="list"></ul>

<script>
function addTodo(){
  let input = document.getElementById("todoInput");
  let li = document.createElement("li");
  li.textContent = input.value;

  document.getElementById("list").appendChild(li);
  input.value = "";
}
</script>

More JS Projects Examples (7)