如何使此按钮响应并运行列出的函数?

Question

我希望我创建的按钮只是文档"Heads"或";Tails"基于我的功能。

<button id="coinFlipper">Flip a Coin</button>
<script>
const coinFlip = function() {
let randomNumber = Math.random()
if (randomNumber < 0.5) {
document.write("Heads")
} else {
document.write("Tails")
}
}
</scipt>

Answer 1

所以首先你需要创建另一个元素来显示你的结果，然后你需要创建一个函数并将这个函数传递给一个带有onclick事件的按钮，就像这样->如果你想改变按钮的文本只需要改变按钮的id

const coin =()=>{
let randomNumber = Math.random();
if (randomNumber < 0.5) {
document.getElementById("result").innerHTML = "Heads";
} else {
document.getElementById("result").innerHTML = "Tails";
}
}

<button onclick="coin()" >Flip a Coin</button>
<p id="result"></p>