Уменьшить входной номер в JavaScript - PullRequest
Новая
       1

Уменьшить входной номер в JavaScript

0 голосов
/ 11 сентября 2018

Я только начал изучать JavaScript. Я разрабатываю поле ввода, в котором пользователь вводит число. Поэтому программа уменьшает число до нуля. моя проблема здесь; Я ввожу число и показываю то же самое в выводе, но показываю уменьшающееся число. мой код JS: 

function test() {
  var MyInput = parseInt(document.getElementById('HoursOfWork').value);
  var Exp_MyInput = document.getElementById('output01').innerHTML = "Number: " + MyInput;
  for (var i = 1; i < 4; i++) {
    document.getElementById('output01').innerHTML = MyInput;
  }

}
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="StyleSheet.css" />
  <script src="Script.js"></script>


  <title>EyeProctect Project</title>
</head>

<body>
  <h1>Eye Protect</h1>
  <h4>Keep Your Eyes safe</h4>
  <input type="text" id="HoursOfWork" placeholder="Enter your hours of work ...." />
  <button class="start" onclick=test()>Let's Go!</button>
  <p id="output01"></p>

</body>

</html>

Что я делаю?

1 Ответ

0 голосов
/ 11 сентября 2018

Если вы имели в виду обратный отсчет от числа, указанного в поле ввода, до нуля, используя цикл for, то вы можете работать с этим подходом: 

function test(){
    var MyInput = parseInt(document.getElementById('HoursOfWork').value);
  var output = document.getElementById('output01');
    output.innerHTML = '';

    for ( var i=MyInput ; i>0 ; i--){
        output.innerHTML += "Number: " + i +"<br>";
    }

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

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

...