What JavaScript is

HTML gives a web page structure. CSS makes it look good. JavaScript makes it do things — respond to clicks, update content without reloading, validate forms, build interactive features. It's the third and final piece of the web trio, and it's what turns a static page into an application.

JavaScript adds behaviour

If HTML is the structure of a house and CSS is the decoration, JavaScript is the electricity — the switches, the appliances, the things that react and do. Without JavaScript, a page just sits there. With it, a page can respond to what the user does and change in real time.

See it in action

Here's a page that reacts. Press Run, then click the button:

Clicking the button changed the text on the page — no reload, no new page. That's JavaScript: code that runs in response to what the user does and updates the page live. This interactivity is impossible with HTML and CSS alone.

What JavaScript can do

• React to the user — clicks, typing, scrolling, form submissions.
• Change the page live — update text, show and hide things, add and remove elements, all without reloading.
• Handle data — calculate, validate, process information.
• Talk to servers — fetch and send data (how apps load content dynamically).
• Build full applications — everything from a simple calculator to complex web apps runs on JavaScript.

The three-language team, complete

You've been building toward this:

• HTML — structure and content.
• CSS — appearance and layout.
• JavaScript — behaviour and interactivity (this course).

With all three, you can build real, interactive web pages and applications. JavaScript is also runnable right here in these lessons — you'll write real code and see it work immediately, which makes it genuinely fun to learn.

A note: JavaScript is everywhere

Beyond web pages, JavaScript now runs servers, mobile apps, and desktop apps. Learning it opens more doors than almost any other language. But it starts here — with making web pages interactive, one small piece of behaviour at a time.

Your turn

Your turn

1. Run the button example and click it to see JavaScript change the page live.
2. Change the message the button sets, then run and click again.
3. Appreciate the trio: HTML (structure), CSS (looks), JavaScript (behaviour) — you now have all three.

Key points

• JavaScript adds BEHAVIOUR — it makes pages react to the user and change live, without reloading.
• House analogy: HTML is structure, CSS is decoration, JavaScript is the electricity.
• It handles clicks, typing, data, servers, and full applications.
• It's the third of the web trio; with all three you can build interactive pages and apps.