Interactivity Without a Framework

Wire up a button with plain addEventListener calls. This lesson's JS panel is the focus — no build tools, no virtual DOM, just the browser.

Edit the panels below and press Run to preview. Nothing you type here is saved — refreshing the page restores the original starter code.

<button id="action">Click me</button>
<p id="status">Idle</p>

#status { font-weight: bold; }

const btn = document.getElementById("action");
const status = document.getElementById("status");

btn.addEventListener("click", () => {
  status.textContent = "Clicked!";
});