Create a Button Click Counter

You’re developing a simple web application where users can click a button to increase a counter. Every time the button is clicked, the count should increase by one, and the updated count should be displayed on the screen. This task involves using event handling with callback functions to manage user interactions.

Instructions:

• You have an HTML button element and a display area already set up in your document to show the click count. Here’s the existing HTML structure:

  <button id="counterButton">Click Me!</button>
  <div id="countDisplay">Count: 0</div>
  

• Write a JavaScript function named incrementCounter that will be called every time the button is clicked. This function should:

  • Increase a counter variable by 1.
  • Update the display area with the new count.

• Use an event listener to attach the incrementCounter function to the button’s click event.