Learn how to create your very own web-app to-do-list with HTML, CSS, and JavaScript.
Build to-do list web-app with code: Now use all the new skills you’ve learnt to build the to-do list app. Use JavaScript with the DOM and localStorage APIs to make a to-do-list that a user can add items to. Make sure that when user completes a task they can click on the item to remove [...]
SAVING YOUR TO-DO LIST ITEMS to localStorage : The user can now add and remove as many items as they need from the list. But you might have noticed that if you refresh your page, your to-do list disappears. This is because so far we’ve just added or removed HTML elements from our screen. We haven’t [...]
Removing more than one HTML element: Now you can remove a HTML element using the removeChild method. But what happens if user wants to remove more than one item from his list? We need to use the DOM and JavaScript so that all the items can be removed from the list when they’re clicked. To [...]
Learn BUILDING THE BASIC to-do list APP : Let’s build a basic app. The app should have a text box and a button that user can use to add his tasks to the list. Use the DOM and JavaScript so that when the button has clicked the task in the box will be added to [...]