Click Events

Interactivity means listening. addEventListener waits for the user to click, then runs your function. This is how every button on the web works.

button.addEventListener('click', () => { … })

1. 1Add a button

   Add a button and a place to show the count.

   <button id="go">Click me</button>
   <p id="out">Clicks: 0</p>

2. 2Track the count

   In a script, create a counter variable.

3. 3Listen for clicks

   Add a click listener that increases the count and updates the text.

4. 4Try it

   Press Run, then click the button in the preview several times.