无法在一段代码中找出多个onmousedown / up和click事件

Question

我无法弄清楚如何在一段javascript代码中使用多个点击事件。我现在想要将一个简单的练习片放在一起，并且正在查看w3schools.com网站上的javascript事件页面，并希望按照页面顶部可以看到的内容做一些事情（参见链接） ）使用Click Me交互式div框.. http://www.w3schools.com/js/js_htmldom_events.asp

我设法做了简单的onmousedown和up事件来显示新文本但是，我无法弄清楚如何进行多个点击事件，例如在w3schools网站页面上。是否要使用EventListener？

Answer 1

他们正在使用这样的东西：

var clickCount = 0;
document.getElementById("box").onclick = function(){
   switch(clickCount){
   case 0:
       this.innerHTML += "Click me again<br />"
       break;
   case 1:
       this.innerHTML += "And again<br />";
       break;
   case 2:
       this.style.display = "none";
       break;
   }
   clickCount++;
};

http://codepen.io/idmean/pen/EbHsz