[解決済み】JavaScriptとHTMLでコイントス

質問

私のスクリプトを修正するのを手伝ってほしい。基本的には、コインをひっくり返して <span> を、その結果、つまり、頭か尻尾かを表示します。今のところ、ボタンをクリックしても何も起こりません。

JavaSriptです。

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>

解決方法は？

それは、単純にイベントハンドラをアタッチする必要があるからです。

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>