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