Javascript 我有一个；onclick"；运行3个函数但只运行一个？_Javascript_Function_Button

Javascript 我有一个；onclick"；运行3个函数但只运行一个？

javascript function button

Javascript 我有一个；onclick"；运行3个函数但只运行一个？,javascript,function,button,Javascript,Function,Button,我有一个带onclick的按钮，它运行3个函数，每个函数显示一个随机符号。所以当我按下按钮时，它应该输出3个随机符号，但当我点击按钮时，它只输出一个符号 <!DOCTYPE html> <html> <head> <title>MyFirstJavaScript</title> </head> <body> <script> function slots1() { var slot1 = M

我有一个带onclick的按钮，它运行3个函数，每个函数显示一个随机符号。所以当我按下按钮时，它应该输出3个随机符号，但当我点击按钮时，它只输出一个符号

<!DOCTYPE html>
<html>
<head>
<title>MyFirstJavaScript</title>
</head>
<body>
<script>

function slots1()
{
    var slot1 = Math.floor(Math.random()*4);
    if (slot1 == 0) {
        document.getElementById('value').innerHTML = "\u2663";
    }
    if (slot1 == 1) {
        document.getElementById('value').innerHTML = "\u2665";
    }
    if (slot1 == 2) {
        document.getElementById('value').innerHTML = "\u2666";
    }
    if (slot1 == 3) {
        document.getElementById('value').innerHTML = "\u2660";
    }

}



function slots2()
{
    var slot2 = Math.floor(Math.random()*4);
    if (slot2 == 0) {
        document.getElementById('value').innerHTML = "\u2663";
    }
    if (slot2 == 1) {
        document.getElementById('value').innerHTML = "\u2665";
    }
    if (slot2 == 2) {
        document.getElementById('value').innerHTML = "\u2666";
    }
    if (slot2 == 3) {
        document.getElementById('value').innerHTML = "\u2660";
    }

}



function slots3()
{
    var slot3 = Math.floor(Math.random()*4);
    if (slot3 == 0) {
        document.getElementById('value').innerHTML = "\u2663";
    }
    if (slot3 == 1) {
        document.getElementById('value').innerHTML = "\u2665";
    }
    if (slot3 == 2) {
        document.getElementById('value').innerHTML = "\u2666";
    }
    if (slot3 == 3) {
        document.getElementById('value').innerHTML = "\u2660";
    }

}



</script>

<button type="button" value="Spin" name="SPIN"     onClick="slots1();slots2();slots3();">Spin</button>
<span id="value"></span>
</body>
</html>


MyFirstJavaScript
函数slots1（）
{
var slot1=Math.floor（Math.random（）*4）；
如果（slot1==0）{
document.getElementById（'value'）.innerHTML=“\u2663”；
}
如果（slot1==1）{
document.getElementById（'value'）.innerHTML=“\u2665”；
}
如果（slot1==2）{
document.getElementById（'value'）.innerHTML=“\u2666”；
}
如果（slot1==3）{
document.getElementById（'value'）.innerHTML=“\u2660”；
}
}
函数slots2（）
{
var slot2=Math.floor（Math.random（）*4）；
如果（slot2==0）{
document.getElementById（'value'）.innerHTML=“\u2663”；
}
如果（slot2==1）{
document.getElementById（'value'）.innerHTML=“\u2665”；
}
如果（slot2==2）{
document.getElementById（'value'）.innerHTML=“\u2666”；
}
如果（slot2==3）{
document.getElementById（'value'）.innerHTML=“\u2660”；
}
}
函数slots3（）
{
var slot3=Math.floor（Math.random（）*4）；
如果（slot3==0）{
document.getElementById（'value'）.innerHTML=“\u2663”；
}
如果（slot3==1）{
document.getElementById（'value'）.innerHTML=“\u2665”；
}
如果（slot3==2）{
document.getElementById（'value'）.innerHTML=“\u2666”；
}
如果（slot3==3）{
document.getElementById（'value'）.innerHTML=“\u2660”；
}
}
快速旋转

每个函数基本上都会覆盖上一个函数更改的值，因此您看到的唯一值是

slots3（）的结果。

。以下行是所有函数的公用行，它是您的覆盖：

document.getElementById('value').innerHTML = //some value;

逻辑问题。设置innerHTML三次。只有最后一个才可见，因为每个都重写了前一个。