javascript - 用 JavaScript 和 HTML 掷硬币

Question

我需要帮助修复我的脚本。基本上，我希望它抛硬币并更新 <span>结果，即它是正面还是反面。目前，当我点击按钮时没有任何反应。

Java脚本:

var heads = 0;
var tails = 0;
function click() {  
    x = (Math.floor(Math.random() * 2) == 0);
    if(x){
        flip("heads");
    }else{
        flip("tails");
    }
};
function flip(coin) {
    document.getElementById("result").innerHTML = coin;
};

HTML:

<button id="click" type="button">CLICK ME</button>
<p>
    You got: <span id="result"></span>
</p>

Answer 1

那只是因为您需要附加事件处理程序:

document.getElementById('click').onclick = click;

var heads = 0;
var tails = 0;
function click() {  
    x = (Math.floor(Math.random() * 2) == 0);
    if(x){
    	flip("heads");
    }else{
        flip("tails");
    }
};
function flip(coin) {
    document.getElementById("result").innerHTML = coin;
};

<button id="click" type="button">CLICK ME</button>
<p>
    You got: <span id="result"></span>
</p>