javascript - Trigger callback after clicking N times

Question

I'm new in Javascript and I can't find the answer for my question. Is it possible that my javascript shows a div after if you clicked on a button 5 times? If this is the case, how can I make this possible?

Thanks!

Answer 1

Without jQuery:

document.addEventListener("DOMContentLoaded", function(event) {
   var button = document.getElementById('click_me');
   var elem = document.getElementById('message');
   var count = 0;

   button.addEventListener('click', function(e) {
       e.preventDefault();
       count++;
  
       if(count == 5){
           elem.style.display = 'block';
       }
    }, false); 
});

#message {
  background: #0f0;
  display: none;
  padding: 10px;
}

<button type="button" id="click_me">Click Me</button>
<div id="message">Hello World</div>