Javascript -操纵硬币投掷(正面朝前)

Javascript - Rigged coin flip (heads first)

本文关键字：操纵 硬币 Javascript      更新时间：2023-09-26

真正的基本功能，我有一个按钮，模拟抛硬币，我想总是先显示"头像"，然后在第一次输入后随机化，当前代码不工作，它从第一次点击随机化。

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>

相关文章：