Nowy pen

<main class="container">
  <h1>Nowy pen</h1>
  <button id="btn">Kliknij</button>
  <p id="info" aria-live="polite"></p>
</main>

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: #ffffff;
  color: #282335;
  font-family: system-ui, sans-serif;
}

.container {
  padding: 24px;
  text-align: center;
}

button {
  padding: 12px 28px;
  border: 1px solid #5d3979;
  background: #fff;
  color: #5d3979;
  font: inherit;
  cursor: pointer;
}

const btn = document.getElementById('btn');
const info = document.getElementById('info');

btn.addEventListener('click', () => {
  info.textContent = 'Działa! ' + new Date().toLocaleTimeString('pl-PL');
});