Week 16 · Interactive web

JavaScript: making pages interactive with a sensor dashboard

HTML is the structure and CSS is the style; JavaScript makes a page do things — update numbers, react to clicks, load new data without reloading. Today you build a sensor dashboard that loads readings and shows them as tiles and a table. In week 22 your Arduino will feed it live data.

Web development90 minutesAdvancedLevel 2 module

In this lesson you will

Tick them off as you read. This is a preview check-list.

Write JavaScript variables, functions, conditions and loops and run them in the browser console
Select and change page elements through the DOM
Respond to a button click with an event listener
Load JSON data with fetch() and show it in a table safely

Your check-list0 of 4

Ticks here aren't saved until you sign in.

The full lesson is for enrolled students

Enrolled students get the complete notes: essential theory, key terms, a step-by-step practical walkthrough, an independent challenge, check-your-understanding questions and the take-home task.

JavaScript: making pages interactive with a sensor dashboard

In this lesson you will

Keep track of your learning

The full lesson is for enrolled students

This lesson is waiting for you