Ответ не отображается в окне сообщения - PullRequest
2 голосов
/ 04 мая 2019

У меня генерируется 2 случайных числа, определяемых пользовательским вводом. Затем у меня есть поле, в котором вы вводите свой ответ на проблему сложения, но оно не показывает, правы вы или нет.

Я пытался изменить кнопки и какое сообщение они выводят.

<html>
  <head>
    <title>Math</title>
    <h1>Math Questions<h1/>
    <link href="Style.css" rel="stylesheet">
    <script type="text/javascript">
      function RandomNum1() {
        var low = parseFloat(document.getElementById("Low").value);
        var high = parseFloat(document.getElementById("High").value);      
        var Random;
        Random = Math.floor((Math.random()*high )+ low);
        document.getElementById("output").innerHTML = Random;
      }

      function RandomNum2() {
        var low2 = parseFloat(document.getElementById("Low").value);
        var high2 = parseFloat(document.getElementById("High").value);      
        var Random2;
        Random2 = Math.floor((Math.random()*high2 )+ low2);
        document.getElementById("output2").innerHTML = Random2;
      }
      function Answer(userGuess) {
        var answer = Random+Random2;          
        if (userGuess==answer) {
          document.getElementById("outMsgBox").innerHTML="You are correct!!!";
        } else {
          document.getElementById("outMsgBox").innerHTML="Sorry, try again. :(";
        }
      }
    </script>
  </head>
  <body> 
    <p>Enter the range of numbers you would like. <br />
       Minimum <input type="numeric" id="Low" size="10" value="" /> <br />
       Maximum <input type="numeric" id="High" size="10" value="" />
    </p>
    <input type="button" value="Generate First " onclick="RandomNum1();" hr="" />  <input type="button" value="Generate Second" onclick="RandomNum2();" hr="" />
    <p><div id="output" type="numeric"></div>+<div class="OutputBox" id="output2" type="numeric"></div></p>

    <p>Enter your answer here. <input type=numeric id="userGuess" min="1" max="1000"/> </p>  
    <input type="button" style="background-color:lightgreen" value="Check Answer" onclick="Answer(document.getElementById('userGuess').value);"/>
    <div id="outMsgBox" style="border-style:groove; border-color:green"></div>
  </body>
</html>

Предполагается, что вы ответили правильно или нет, но ничего не отображается, когда вы нажимаете «проверить ответ».

1 Ответ

1 голос
/ 04 мая 2019

Проблема в том, что вы объявляете переменные Random, Random2 в качестве локальной переменной.Попробуйте поместить эту строку в начало скрипта

var Random, Random2;

Это определит их как глобальные переменные, что означает, что любая часть вашего скрипта может получить доступ к переменным.Затем вам нужно удалить определения переменных var Random и var Random2 из функций, чтобы не переопределять глобальные переменные.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...