왜 수학 문제가 화면에 나타나지 않습니까?

저는 자바 스크립트에서 만든 수학 문제를 표시하는 데 문제가 있습니다. 내가 뭔가를 놓치고 있는지, 내가 뭔가를 가져 가야하는지 잘 모르겠습니다. 이 문제에 대한 도움이나 의견을 보내 주시면 감사하겠습니다.왜 수학 문제가 화면에 나타나지 않습니까?

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>Interactive Math Worksheet</title> 
    <script type="text/javascript"> 
    var mathProblem = new Array(); 
    // writing the problem 10 times 

    function writeProblem() { 
     var num1 = new Array(); 
     var num2 = new Array(); 
     for (var i = 0; i < 10; i++) { 
      num1 = (Math.floor(Math.random() * 50) + 1); 
      num2 = (Math.floor(Math.random() * 50) + 1); 
      document.getElementById("t" + i).innerHTML = num1; 
      document.getElementById("b" + i).innerHTML = "+" + num2; 
      mathProblem[i] = num1 + num2; 
      document.forms["prob" + i]["a" + i].value = ""; 
     } 
    } 
    </script> 
</head> 
<body onload="writeProblem()"> 
    <table border="0" cellspacing="50" id="frm1" width="800"> 
     <tr> 
      <td width="50"> 
       <label id="t1"></label><br> 
       <label id="b1"></label><br> 
       <hr> 

       <form name="prob1"> 
        <input name="a1" size="3" type="text"> 
       </form> 
      </td> 

      <td width="50"> 
       <label id="t2"></label><br> 
       <label id="b2"></label><br> 
       <hr> 

       <form name="prob2"> 
        <input name="a2" size="3" type="text"> 
       </form> 
      </td> 

      <td width="50"> 
       <label id="t3"></label><br> 
       <label id="b3"></label><br> 
       <hr> 

       <form name="prob3"> 
        <input name="a3" size="3" type="text"> 
       </form> 
      </td> 

      <td width="50"> 
       <label id="t4"></label><br> 
       <label id="b4"></label><br> 
       <hr> 

       <form name="prob4"> 
        <input name="a4" size="3" type="text"> 
       </form> 
      </td> 

      <td width="50"> 
       <label id="t5"></label><br> 
       <label id="b5"></label><br> 
       <hr> 

       <form name="prob5"> 
        <input name="a5" size="3" type="text"> 
       </form> 
      </td> 
     </tr> 

     <tr> 
      <td> 
       <label id="t6"></label><br> 
       <label id="b6"></label><br> 
       <hr> 

       <form name="prob6"> 
        <input name="a6" size="3" type="text"> 
       </form> 
      </td> 

      <td> 
       <label id="t7"></label><br> 
       <label id="b7"></label><br> 
       <hr> 

       <form name="prob7"> 
        <input name="a7" size="3" type="text"> 
       </form> 
      </td> 

      <td> 
       <label id="t8"></label><br> 
       <label id="b8"></label><br> 
       <hr> 

       <form name="prob8"> 
        <input name="a8" size="3" type="text"> 
       </form> 
      </td> 

      <td> 
       <label id="t9"></label><br> 
       <label id="b9"></label><br> 
       <hr> 

       <form name="prob9"> 
        <input name="a9" size="3" type="text"> 
       </form> 
      </td> 

      <td> 
       <label id="t10"></label><br> 
       <label id="b10"></label><br> 
       <hr> 

       <form name="prob10"> 
        <input name="a10" size="3" type="text"> 
       </form> 
      </td> 
     </tr> 
    </table> 
</body> 
</html>

출처

2014-04-24 user3567494

요소 't0','b0' 및'a0'은 어디에 있습니까? – cHao

for 루프를 확인하십시오. 문제를 해결했습니다.

<!doctype html> 
     <html> 
     <head> 
     <meta charset="UTF-8"> 
     <title>Interactive Math Worksheet</title> 
     <script type="text/javascript"> 
     var mathProblem = new Array(); 
     // writing the problem 10 times 
     function writeProblem(){ 
      var num1 = new Array(); 
      var num2 = new Array(); 
      for (var i=1; i<11; i++){ 
       num1 = (Math.floor(Math.random()*50)+1); 
       num2 = (Math.floor(Math.random()*50)+1); 
       document.getElementById("t"+i).innerHTML = num1; 
       document.getElementById("b"+i).innerHTML = "+" + num2; 
       mathProblem[i] = num1 + num2; 
       document.forms["prob"+i]["a"+i].value = ""; 
     } 
     } 
     </script> 
     </head> 

     <body onload="writeProblem()"> 
     <table id="frm1" width="800" border="0" cellspacing="50"> 

      <tr> 

     <td width="50"><label id="t1"></label><br /><label id="b1"></label><br /><hr /><form   name="prob1"><input type="text" size="3" name="a1"></form></td> 

     <td width="50"><label id="t2"></label><br /><label id="b2"></label><br /><hr /><form name="prob2"><input type="text" size="3" name="a2"></form></td> 

     <td width="50"><label id="t3"></label><br /><label id="b3"></label><br /><hr /><form name="prob3"><input type="text" size="3" name="a3"></form></td> 

     <td width="50"><label id="t4"></label><br /><label id="b4"></label><br /><hr /><form name="prob4"><input type="text" size="3" name="a4"></form></td> 

     <td width="50"><label id="t5"></label><br /><label id="b5"></label><br /><hr /><form name="prob5"><input type="text" size="3" name="a5"></form></td> 

     </tr> 

     <tr> 

     <td><label id="t6"></label><br /><label id="b6"></label><br /><hr /><form name="prob6"><input type="text" size="3" name="a6"></form></td> 

     <td><label id="t7"></label><br /><label id="b7"></label><br /><hr /><form name="prob7"><input type="text" size="3" name="a7"></form></td> 

     <td><label id="t8"></label><br /><label id="b8"></label><br /><hr /><form name="prob8"><input type="text" size="3" name="a8"></form></td> 

     <td><label id="t9"></label><br /><label id="b9"></label><br /><hr /><form name="prob9"><input type="text" size="3" name="a9"></form></td> 

     <td><label id="t10"></label><br /><label id="b10"></label><br /><hr /><form name="prob10"><input type="text" size="3" name="a10"></form></td> 

     </tr> 

     </table> 

     </body> 
     </html>

출처

2014-04-24 06:52:16 Shanki

그 도움에 감사했습니다! 사소한 일임을 알고있었습니다. – user3567494

당신 ID는 t0/b0로 시작, 그래서 당신은 1 인덱스 시작 변경할 수 있습니다

for (var i=1; i<=10; i++){

The DEMO.

출처

2014-04-24 06:42:18 xdazz

난 당신이 i=0; 및 getElementById("t"+i) BU에서 시작주의를 id가 t0 인 요소가 없습니다. 도움이 되길 바랍니다.

출처

2014-04-24 06:46:22 Aameer

왜 수학 문제가 화면에 나타나지 않습니까?

답변

관련 문제