Profile Image

Robert Yawa

Web Designer &Programmer

Simple JavaScript To-Do App

Here’s a functioning example from the tutorial:

HTML

<input id="taskInput" />
<button onclick="addTask()">Add</button>
<ul id="list"></ul>

JavaScript

function addTask() {
  let task = document.getElementById("taskInput").value;
  let li = document.createElement("li");
  li.textContent = task;
  li.onclick = () => li.remove();
  document.getElementById("list").appendChild(li);
}

This small project teaches DOM manipulation and event handling.

Share this content