Как запустить функцию, если ее число меньше числа и больше числа - PullRequest
Новая
       1

Как запустить функцию, если ее число меньше числа и больше числа

0 голосов
/ 14 октября 2019

Может кто-нибудь мне помочь? Что должно произойти, так это то, что он должен получить имя, фамилию и набранный номер пользователя больше, чем на 3, меньше, чем 1000. Отобразите его на веб-странице, и если имя + фамилия будет меньше 20, и набранный номерЕсли значение больше 3 и меньше 1000, функция запустится, если она недействительна, тогда предупредите пользователя. 

function startLoop(){
      var currTime = 50;
      for(i=50; i>=0; i=i-5) {
        setTimeout(function(){
          if(currTime != 0){
            document.write("Time remaining: " + currTime + "<br>");
          }
          if (currTime <= 25 && currTime!=0){
            document.write("less then 25 seconds left <br>");y
          } else if(currTime==0){
            document.write("blast off");
          }

          currTime = currTime - 5;
        }, 1000*i);
      }
    }

    function start(){
        var vari = document.getElementById(input).value;
        var vari2 = document.getElementById(input2).value;
        var badge = document.getElementById(input3).value;

        document.write(vari + vari2);
        document.write(badge);

        var sum = vari + vari2;
        if(sum < 20){
            if(badge > 3 && badge < 1000){
                startLoop();
            }else {
                alert("Please re-enter your badge number");
            }
        } else {
            alert("Please re-enter your name")
        }

    }
<!DOCTYPE html>
<!--Jeffrey Payne-->
<html>
  <head>
    <title>UAT Space Program</title>
  </head>
  <body>
    <img src="UATSpace.png" />
    <h1>UAT Space Program</h1>
    <p>Test of the paragraph tags</p>
    <input type="text" id="input"/>
    <input type="text" id="input2"/>
    <input type="text" id="input3"/>
    <button type="button" onclick="start()">Start</button>  
  </body>
</html>

1 Ответ

0 голосов
/ 14 октября 2019

Вы находитесь на правильном пути в создании логики. При отладке попробуйте использовать консоль вашего веб-браузера и посмотрите, что пошло не так. В вашем случае в вашем коде document.getElementById('input').value; отсутствуют кавычки. Кроме того, если вы хотите узнать длину строк, используйте свойство .length, поскольку, например, использование vari + vari2 приводит к объединению / объединению строки.

Вот правильная функция: 

function start(){
    var vari = document.getElementById('input').value;
    var vari2 = document.getElementById('input2').value;
    var badge = document.getElementById('input3').value;

    document.write(vari + vari2);
    document.write(badge);

    var sum = vari.length + vari2.length; // get the sum of the inputs

    if(sum < 20){
        if(badge > 3 && badge < 1000){
            startLoop();
        }else {
            alert("Please re-enter your badge number");
        }
    } else {
        alert("Please re-enter your name")
    }
}
<!DOCTYPE html>
<!--Jeffrey Payne-->
<html>
  <head>
    <title>UAT Space Program</title>
  </head>
  <body>
    <img src="UATSpace.png" />
    <h1>UAT Space Program</h1>
    <p>Test of the paragraph tags</p>
    <input type="text" id="input"/>
    <input type="text" id="input2"/>
    <input type="text" id="input3"/>
    <button type="button" onclick="start()">Start</button>  
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...