真正的基本功能,我有一个按钮,模拟抛硬币,我想总是先显示"头像",然后在第一次输入后随机化,当前代码不工作,它从第一次点击随机化。
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!");
}
}
首先, #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>
你可以使用一个变量并在第一次点击后更改它,所以在var更改后,你可以使用random
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>