Question

我刚刚开始学习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>

我该怎么办？

Answer 1

如果您打算使用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>";
    }

}

减少javascript中的输入数字

1 个答案: