2016-06-15 46 views
0

ユーザーが2つの入力を入力し、表示ボタンを押すと、2つの数値のパラメーター内の乗算表が表示されます。ただし、ボタンを押すと何も表示されません。ユーザー入力に基づくJavaScriptの乗算表

<span style = "font-size:15px">First Number: </span><input type = "text" id = "first_num" style = "font-size:18px"> <br /><br /> 
    <span style = "font-size:15px">Second Number: </span><input type = "text" id = "second_num" style = "font-size:18px"> <br /><br /> 
    <button type = "button" onclick = "display()">Display</button> <br /><br /> 
    <script type = "text/javascript"> 
    var f_num = document.getElementById("first_num").value; 
    var s_num = document.getElementById("second_num").value; 
    function display() { 
    for (i=1;i<f_num + 1;i++) { 
      for (j=1;j<s_num + 1;j++) { 
      if (j == 10) { 
      document.write(i+"*" +j +"=" +(i*j) + "<br /><br />") 
      } else { 
      document.write(i+"*" +j +"=" +(i*j) + " | ") 
      } 
      } 
    } 
    } 
    </script> 

答えて

3

あなたはfunction.in以内初めてスクリプトが実行されつつあり、その時に、彼らはブランク値を持っているときに設定されているあなたの現在のコードをあなたの変数を設定する必要があります。

正しいコードになります。

function display() { 
    var f_num = parseInt(document.getElementById("first_num").value); 
    var s_num = parseInt(document.getElementById("second_num").value); 
for (i=1;i<f_num + 1;i++) { 
     for (j=1;j<s_num + 1;j++) { 
     if (j == 10) { 
     document.write(i+"*" +j +"=" +(i*j) + "<br /><br />"); 
     } else { 
     document.write(i+"*" +j +"=" +(i*j) + " | "); 
     } 
     } 
} 
} 

あなたは以下のプラッカーのことを確認できます。

https://plnkr.co/edit/kgWaEG1ZvgST0RclvV2l?p=preview

+0

はいますが、両方のボックスにI入力1かのいくつかの奇妙な理由で、それは私が番号を入力したときにも、それだけで奇妙な掛け算の九九の束を出しもやし10回表 –

+0

で私に10を与えます。 –

+0

これは、f_numとs_numで取得している値が文字列であるために発生しています。私は上記の答えを更新し、ロジックを修正しました。 – Deep

関連する問題