JavaScript - 22

swstack < 1 min read

JavaScript - 22: To-Do List (Add Items)

Create a simple to-do list where users can type a task and add it to the list by clicking a button. Display all tasks in an unordered list.

✦ JavaScript Editor

▶ Live Output

👀 Show Solution

const taskInput = document.getElementById("taskInput");
const addBtn = document.getElementById("addBtn");
const todoList = document.getElementById("todoList");

addBtn.addEventListener("click", function() {
  if (taskInput.value.trim() === "") return;
  
  const li = document.createElement("li");
  li.textContent = taskInput.value;
  todoList.appendChild(li);
  
  taskInput.value = "";
});