HTML/CSS playground

<h1>Hello!</h1>
<p>Edit me. The preview updates when you press Run.</p>
<button id="btn">Click me</button>

<style>
  body { font-family: system-ui, sans-serif; }
  h1 { color: #0d9aa7; }
  button { padding: 8px 14px; border-radius: 8px; }
</style>

<script>
  let clicks = 0;
  document.querySelector("#btn").addEventListener("click", () => {
    clicks++;
    console.log("clicked", clicks, "times");
  });
</script>