Why should you care?

Every website you use (Google, YouTube, Flipkart, your bank) uses JavaScript. HTML builds the structure, CSS styles it, and JavaScript controls behavior. You do not install JavaScript — it is already in Chrome, Edge, and Firefox.

See it live — copy this example

Paste into an HTML file or the browser console (F12). Use Run below when the live editor is available.

<button onclick="document.getElementById('demo').innerHTML = Date()">
  Click me to display Date and Time
</button>
<p id="demo"></p>

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• The button has an onclick attribute.
• When you click it, JavaScript runs Date() and puts the result into the paragraph with id="demo".
• That is JavaScript changing the page after it loads.

Practice next

1. Create hello.html with the example button and paragraph.
2. Open it in Chrome or Edge.
3. Click the button and watch the date appear.
4. Replace Date() with a custom message string in the onclick handler.
5. Add a second button that clears the paragraph textContent.

Remember

JavaScript makes web pages interactive. It runs in the browser — no separate install needed. You can write it inside HTML or in a separate .js file.

ScriptVerse landing page

A marketing site needs a "Live demo" button that shows the current server time without reloading.

Outcome: One onclick handler updates a single DOM node — the same pattern used in dashboards and checkout timers.