Javascript innerhtml显示

Question

您好，我制作了一个用于抛硬币的 js 脚本，当我按下按钮启动它时，没有任何显示

    <script>
    var coin = Math.random();
    if(coin <= 0.5){
     return "H";
    }
    else{
    return "T";
    }

    var coinFlip = function(){
      document.getElementById("flip").innerHTML = coin;
    }
  </script>

这是按钮

<button onClick="coinFlip()">Flip</button>

感谢阅读

Answer 1

coin 是一个随机数 return 不是你想的那样。

var coinFlip = function() {
  var coin,
    chance = Math.random();
  if (chance <= 0.5) {
    coin = "H";
  } else {
    coin = "T";
  }
  document.getElementById("flip").innerHTML = coin;
}

document.getElementById("btn").addEventListener("click", coinFlip);

<div id="flip"></div>
<button id="btn">Flip</button>

Javascript innerhtml显示

Javascript innerhtml Display

html

javascript

innerhtml