0

クリックすると、最初に生成された数値が範囲内にあるかどうかを確認し、その範囲内にある場合は特定のチェックボックスを生成するスクリプトを実行しています。アイテムまたは何も表示されない

これは私が今テストしている方法です

       var count=30;
    var counter=setInterval(timer, 1000);
    function timer(){
      count=count-1;
        if(count <= 0){
          clearInterval(counter);
          return;
          checker();
        }

 document.getElementById("timer").innerHTML=count + " secs"; // watch for spelling
}

    function start(){
      var timeLeft = 30;
      var x = document.getElementById("invisible");
      var matriu = document.getElementById("Matriu").value;
      var btn = document.createElement("INPUT");
      btn.type = "checkbox";
      btn.id = "test";
      if(matriu >= 1 && matriu <= 10){
        if (x.style.display === "block") {
          timer();
          x.style.display = "none";
      } else {
          x.style.display = "block";
      }
      } else {
        alert("Error, numero incorrecte");
      }   alert(matriu);
      for ( i=0; i <= matriu; i++) {
        document.getElementById("invisible").appendChild(btn);
      }
    }
    function checker() {
      for (z = 1; z<3; z++) {
  document.getElementById('test'+z).checked = true;
}
   };
#invisible{
  display: none;
}
 

   <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>Exercici 1</title>
      </head>
      <body>
            Matriu:<input type="text" id="Matriu">
   <input type="button" onclick="start()" value="começa">
  <div id="invisible"> 
    <h3>Nivell X</h3> 
    <span id="timer"></span>
    <br>
  </div>
      </body>
    </html>

4

1 に答える 1