Javascript 提交按钮随机抛硬币

标签 javascript html random coin-flipping

希望这是一个快速修复。我有一个可以正常运行的抛硬币生成器(是的!),但我希望能够多次点击翻转按钮并运行该函数,而无需重新加载和刷新页面。

var randomNumber = Math.floor(Math.random() * 2) + 1;

document.getElementById("flip").onclick = function(junction){
  if(randomNumber == 1){
    document.getElementById("response").innerHTML = "Heads!";
  } else {
    document.getElementById("response").innerHTML = "Tails!";
  }
}
<!DOCTYPE html>
<html>
<head>
    <title>Heads or Tails</title>
</head>
<body>
    <h1>Will it be heads or tails?</h1>
    <h3 id="response"></h3>
    <button id="flip" type="button">Let's Flip!</button>
</body>
<script src="app.js"></script>
</html>

最佳答案

function junction (){
var randomNumber=Math.floor(Math.random()*2)+1;
if(randomNumber==1){
  document.getElementById("response").innerHTML ="Heads!";
  }
 else {
 document.getElementById("response").innerHTML ="Tails!";
 }
}

在 javascript 中声明一个函数并使用 onclick 属性调用它。

关于Javascript 提交按钮随机抛硬币,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52849171/

相关文章:

javascript - 仅当 javascript 函数为 true 时才运行 HTML

javascript - HTML5 拖放 - 不适用于 iOS 12.1.2(Safari 和 Chrome)

math - 生成一系列随机 6 位数字,避免潜在的因一位或换位错误

algorithm - 实现智能列表

Javascript - 功能 VS 无功能......这是如何工作的?

javascript - 我应该使用什么正则表达式来获取 css 类的内容并存储它们?

html - 基于窗口大小的可滚动 div 的动态最大高度

html - 溢出-y : scroll doesn't work for dynamic content

c++ - 如何使用Boost序列化mersenne_twister_engine?

Javascript:if 语法中的附加零是什么?