
You may want to open the pen in a new window if you want more space to code your solution or bring up the Console to see the output. See the Pen Coding Exercises Start by Kirupa Chinnathambi ( CodePen. The easiest way is to fork the following Codepen pen and start adding your modifications: Pretty simple, right? Now, it is time for you to create this Todo List app yourself as part of this fun coding exercise. To remove an item, just click on an existing entry.

You can keep adding item to add additional entries and have them all show up: Once you've submitted your item, you will see it appear as an entry.


Type in a task or item or whatever you want into the input field and press Add (or hit Enter/Return). The way this Todo List app works is pretty simple. Your browser does not support inline frames or is currently configured not to display inline frames. A classic coding exercise that ties together so many concepts is the Todo List app:
