Today you'll be creating a simple to do list application that will focus on DOM manipulation. Take a look at
index.html and identify the DOM elements you'll need to manipulate before you write any code.
Check out the working demo
Instead of relying on unit tests, this lab is deliverable driven. You will be responsible for asserting your solution works as intended by testing the behavior visually in the browser.
index.htmlin Chrome (Tip: you can use
open index.htmlin bash and, as long as Chrome is your default application for opening
.htmlfiles, it will automatically open the file)
You've been provided with a basic HTML file, as well as a
src/index.js file where you can implement your solution. Focus on getting the feature working while using your knowledge to write readable, maintainable code.
Note: While the example shows one working application of TaskLister Lite™️, yours can (and is encouraged to!) look however you like.
If you finish early, try to implement one or more of the following: