Przycisk z licznikiem

<main>
  <h1>Przycisk z licznikiem</h1>
  <p>Każde kliknięcie zwiększa licznik.</p>
  <button id="increment">Dodaj jeden</button>
  <output id="count" aria-live="polite">0</output>
</main>

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-content: center;
  padding: 24px;
  background: #fff;
  color: #282335;
  font: 16px system-ui, sans-serif;
}
main { text-align: center; }
button { padding: 12px 24px; border: 1px solid #5d3979; background: #5d3979; color: white; font: inherit; cursor: pointer; }
button:focus-visible { outline: 3px solid #282335; outline-offset: 4px; }
output { display: block; margin-top: 20px; font-size: 48px; }

let count = 0;
const button = document.getElementById("increment");
const output = document.getElementById("count");
$("count").html("10");
button.addEventListener("click", () => {
  count += 1;
  output.textContent = count;
});