Кнопка отправки Javascript Случайная метка - PullRequest
Новая
       14

Кнопка отправки Javascript Случайная метка

0 голосов
/ 17 октября 2018

Надеюсь, это быстрое решение.У меня есть генератор бросков монет, который работает правильно (ууу!), Но я хотел бы иметь возможность нажимать кнопку флип несколько раз и запускать функцию без перезагрузки и обновления страницы. 

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>

Ответы [ 3 ]

0 голосов
/ 17 октября 2018 
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.

0 голосов
/ 17 октября 2018

Посмотрите на этот фрагмент кода, он работает! 

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>
0 голосов
/ 17 октября 2018

Эй, возможно, вам придется внести некоторые изменения!В javascript вы используете id flip здесь document.getElementById("flip").onclick =function(junction){, но в вашем коде нет элемента с id flip!Редактировать и догонять.

...