I Built a Todo List App with HTML, CSS & JS — Here's What I Learned

Hey! I built a Todo List app. Simple? Yes. But this project taught me some JavaScript concepts I was avoiding for a long time. localStorage. Dynamic DOM. Event listeners. Array methods. All in one small project. Let me walk you through what I built — and what actually clicked for me. You can check out all my frontend projects right here. 1. What This Todo App Does Type a task and press Add Task appears in the list below Click a task → it gets a strikethrough (marked as done) Press Delete → task is removed Refresh the page → tasks are still there (thanks to localStorage) That last point is the interesting one. Let's get into it. 2. The HTML — Just the Skeleton <input id="inputText" type="text" placeholder="Enter your task" /> <button class="add-btn" id="btn">Add</button> <ul id="list"></ul> That's honestly all the HTML needed. <input id="inputText"> → where you type the task. <button id="btn"> → the Add button. <ul id="list"> → the list th