Question

希望这是一个快速修复。我有一个硬币折腾发生器，可以正常运行（是的！），但是我希望能够多次按下翻转按钮并运行该函数，而不必重新加载和刷新页面。

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>

Answer 1

<div class="message"></div>
<button id="ars" style="width: 100%;">observer off</button>

在javascript中声明一个函数，并使用onclick属性对其进行调用。

Answer 2

嘿，您可能需要进行一些更改！在javascript中，您在此处document.getElementById("flip").onclick =function(junction){使用id翻转，但是您的代码没有任何带有id翻转的元素！编辑并赶上。

Answer 3

看看那个代码片段，它起作用了！

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

<!DOCTYPE html>
<html>
<head>

    <title>Guess the Number!</title>
</head>
<body>
    <h1>Guess the Number!</h1>
    <p>See if you can guess the number between 1 and 50</p>
    <label for="guess"> Enter Your Guess </label>
    <input type="text" id="guess"><br>
    <button id="submit" onclick="junction();">Submit Guess</button>
    <p id="response"></p>
</body>
</html>

JavaScript提交按钮随机投币

3 个答案: