Javascript - Rigged coin flip（首先是头部）

Question

真正基本的功能，我有一个模拟硬币翻转的按钮，我想首先显示“头”然后在第一次输入后随机化，当前代码不起作用，它从第一次点击随机化。

HTML：

<button id = "riggedCoin" onclick = "riggedCoinFlip()"> Rigged Coin </button>

<h1 id ="h2"> Coin Flip </h1>

JS：

function riggedCoinFlip() {

document.getElementById("h2").innerHTML = ("Heads!");

var coinFace = Math.floor(Math.random() * 2);

if (coinFace === 0) {
var h1 = document.getElementById("h2").innerHTML = ("Heads!");
} else {
var h1 = document.getElementById("h2").innerHTML = ("Tails!");

 }
}

Answer 1

起初， #h2元素已包含Coin Flip文本。 所以，我们可以用它来第一次检查。 我们不需要另一个变量来检查它。

我为你简化了解决方案。 你可以试试：

 function riggedCoinFlip() { var el = document.getElementById("h2"); if (el.innerHTML === " Coin Flip ") { el.innerHTML = "Heads!"; } else { el.innerHTML = (Math.floor(Math.random() * 2) === 0 ? "Heads" : "Tails") +"!"; } } 

 <button id="riggedCoin" onclick="riggedCoinFlip()">Rigged Coin</button> <h1 id="h2"> Coin Flip </h1> 

Answer 2

您可以使用一个变量并在第一次单击后更改它，因此在更改var之后您可以使用随机变量。

 var random = false; function riggedCoinFlip() { document.getElementById("h2").innerHTML = ("Heads!"); if (random != false) { var coinFace = Math.floor(Math.random() * 2); if (coinFace === 0) { var h1 = document.getElementById("h2").innerHTML = ("Heads!"); } else { var h1 = document.getElementById("h2").innerHTML = ("Tails!"); } } random = true; } 

 <button id="riggedCoin" onclick="riggedCoinFlip()">Rigged Coin</button> <h1 id="h2"> Coin Flip </h1>