COUNTER

a click counter tat counts clicks.

by trentHarlem

HTML

<div id="container">
<h1>Counter</h1>
<h2><span id="counter-display">0</span></h2>
<button id="myTarget">
CLICK
</button>
</div>

CSS

body {
   font-family: sans-serif;
}

#container {
  text-align: center;
  display: block;
}

#counter-display {
  font: bold 3em helvetica;
}

JavaScript

let count = 0;


document.getElementById("myTarget").addEventListener("click", () => {
  count++;
  counterDisplay.innerHTML = count;
  console.log('click');
});

const counterDisplay = document.getElementById('counter-display');