如果单击浏览器中的按钮后else语句不起作用

Question

我想用Javascript、DOM、HTML和CSS构建一个游戏。我的逻辑是这样的：

Step4:如果值彼此不相等，程序会要求刷新浏览器。

但问题是，当我在浏览器中运行这段代码时，只有else语句起作用，if/else-if不起作用。另一个问题是：单击“Button number Three”时，else语句在<p/>标记中显示随机数之前起作用。

//My Code//

var a;
function random1(){
    a = Math.floor(Math.random()*2+1);
    document.getElementById("para1").innerHTML = a;
    return a;       
}
let p1 = document.getElementById("myBtn1");
p1.addEventListener("click", random1);

var b
function random2(){
    b = Math.floor(Math.random()*2+1);
    document.getElementById("para2").innerHTML = b;
    return b;       
}

let t2 = document.getElementById("myBtn2")
t2.addEventListener("click",random2);

var c
function random3(){
    c=Math.floor(Math.random()*2+1);
    document.getElementById("para3").innerHTML = c; 
    return c;    
}

let r3 = document.getElementById("myBtn3");
r3.addEventListener("click",check(a,b,c));
r3.addEventListener("click",random3);


function check(s,t,u){
    if(s===1 && t===1 && u===1){
        alert("Players 1 Wins");
    }
    else if(s===2 && t===2 && u===2){
        alert("Player 2 Wins");
    }
    else{
        alert("Refresh the Browser");
    }
}

Answer 1

问题出在这一行

r3.addEventListener("click",check(a,b,c))

该函数必须是侦听器，当事件发生时浏览器将调用该侦听器。为了解决这个问题，你可以这样做。

r3.addEventListener("click",() => {
   check(a,b,c)
})