HTML and JavaScript Starter

A small learning project for practicing browser structure, semantic HTML, and a basic JavaScript event.

What you can study

• How a complete HTML document is structured
• How a button is connected to JavaScript with an event listener
• How JavaScript updates visible text in the page
• How defer loads an external script after the document is parsed

Project structure

• index.html — the page structure, content, and button
• script.js — the click handler and interaction counter

How to open

Open index.html in a modern web browser. No build step, package manager, backend, or database is required.

How the JavaScript example works

script.js selects the button and status message, keeps a small in-memory counter, and updates the status text every time the button is clicked. The counter resets when the page is refreshed.

Current scope

This is intentionally a small browser-learning example. It does not claim to be a production application and does not contain any Hackathon project.

Learning status

The basic HTML-to-JavaScript interaction is complete. Future learning exercises can add form validation, accessible styles, or a second page without turning this repository into a large application.