Lesson 11: Final Project - Interactive Web App

Now you’ll combine everything you’ve learned to build an interactive app.

Example: Simple To-Do List

<input id="taskInput" type="text" placeholder="New task">
<button id="addBtn">Add</button>
<ul id="taskList"></ul>

<script>
document.getElementById("addBtn").addEventListener("click", function() {
  let task = document.getElementById("taskInput").value;
  let li = document.createElement("li");
  li.textContent = task;
  document.getElementById("taskList").appendChild(li);
});
</script>