我可以在同一页面的同一按钮上添加顺序单击事件吗？

Question

I want a button to do multiple click tasks but in a sequence but when I simply add multiple 'addEventListener' it does only the last task.

var btn = document.querySelectorAll(".decision")[0];
var play = document.querySelector("div");
var level = 0;

btn.addEventListener("click",function(){
    if (level===0){
        btn.innerHTML = "Hello";
        play.innerHTML = "Click again"; //not working
        level++;
    }
    if (level===1){
        play.innerHTML = "Clicked again"; //only this is working.
        level++;    
    }
});

so is there any way to do this?

Answer 1

Seems like everything is working fine, but the second if is executed directly after first one, and the innerHTML change is not noticeable. Please try:

btn.addEventListener("click",function(){
    if(level===0){
        btn.innerHTML = "Hello";
        play.innerHTML = "Click again"; //not working
        level++;
    } else if(level===1){
        play.innerHTML = "Clicked again"; //only this is working.
        level++;    
    }
})