JavaScript in the browser
Build a small interactive page
Combine DOM selection, events, arrays, local storage, fetch, and error handling in one small browser project.
8 minute lesson
~~~
Build a page that lets a visitor save a short reading list.
Use a form with a title and URL field. Store each item in an array, render the array into the DOM, and save it to local storage after every change.
Add a button that loads one suggested item with fetch(). Show a useful message if the request fails.
Keep the project small. The goal is to connect the language concepts to the browser APIs you just learned.
Test keyboard input, empty values, a failed network request, and a page reload.
Lesson completed