Simple counter

by omarrida_tightenco

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css">
<div class="w-full h-full flex px-12 py-12">
  <div class="text-8xl flex-1" id="counterContent">0</div>

  <button class="flex-1 bg-blue-500 text-2xl text-white uppercase tracking-wider font-bold hover:bg-blue-600 px-4 py-2 mr-2 rounded" id="incrementButton">Increment</button>
</div>

JavaScript

document.addEventListener('DOMContentLoaded', (event) => {
  let counter = 0;
  incrementButton.addEventListener('click', () => {
    counter++;
    counterContent.textContent = counter;
  });
});