Question

因此，此练习是根据在输入部分中键入的数字来输出单词，但是我发现这个问题，如果有任何帮助，循环将无法正常工作

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script defer>
        function Verifer() {
            var ch = document.querySelector("input").value
            var nbr = document.getElementById("nb").value
            if ((nbr > 0) && (ch != "")) {
                for (let i = 1; i >= nbr; i++) {
                    var txt = ""
                    txt += "<h1>" + ch + "</h1> <br>"
                    document.getElementById("d2").innerHTML = txt
                }
            } else {
                alert("Retype plz")
            }
        }
    </script>
</head>
<body>
    // the first input is to type a String //the seconde input to type the number of repetition of this String
    <strong>Chain :</strong><input type="text" id="chain" maxlength="20"><br>
    <strong>nombre de rep :</strong><input type="number" maxlength="5" id="nb"><br>
    <button type="button" onclick="Verifer()">Envoyer</button>
    <div id="d2">
        //This part is dedicated to the output of the function

    </div>
</body>

Answer 1

更改

var nbr = document.getElementById("nb").value

到

var nbr = parseInt(document.getElementById("nb").value)

Answer 2

这是您想要做的吗？您的问题有点含糊。

function Verifer() {
  var ch = document.querySelector("input").value;
  var nbr = document.getElementById("nb").value;

  nbr = parseInt(nbr); //Parse to int

  console.log(nbr);

  if (nbr === NaN || !ch) { //Validate
    document.getElementById("nb").value = "invalid";
    return;
  }
  
  var txt = ""; //Set var in scope around for loop

  for (var i = 1; i <= nbr; i++) { //repeat when i is less or equal to nbr
    txt += "<h1>" + ch + "</h1> <br>" //Append txt
  }
  
  document.getElementById("d2").innerHTML = txt; //Add txt to element html
}

<strong>Chain :</strong><input type="text" id="chain" maxlength="20"><br>
<strong>nombre de rep :</strong><input type="number" maxlength="5" id="nb"><br>
<button type="button" onclick="Verifer()">Envoyer</button>
<div id="d2">

</div>

循环问题javascript无法运行

2 个答案: