2016-10-31 3 views
-1

私はボタンを押したときにそれを作ろうとしていますが、テキストボックスに5があるので、1から5の四角形の数字が警告されます。 = 1の正方形番号 2 = 4の場合の平方数 3の場合の平方数= 9 4の場合の平方数= 16 の場合5 = 25 の場合、数字が7などの場合は20を超えるとエラーになります感謝を助けてください! ループ何をするかわからない

答えて

0

あなたはほぼe。

私は基本的にあなたのコードを少し再構成し、20以上の条件を追加しました。また、parseFloatを使用していましたが、明らかにparseIntに変更されています。

<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
     <title>Test</title> 
 
     <script type="text/javascript"> 
 
     function kwadraat(){ 
 
      var text = "", i, 
 
       t = parseInt(text2.value, 10), 
 
       demo = document.getElementById("demo"), 
 
       numm = t; 
 
      if (numm > 20) { 
 
       demo.innerHTML = 'Too Big!!!'; 
 
       return; 
 
      } 
 
      for (i = 1; i <= numm; i++) { 
 
       text += "The number is " + i + "="+ (i*i) +"<br>"; 
 
      } 
 
      demo.innerHTML = text; 
 
     } 
 
     </script> 
 
    </head> 
 
    <body> 
 
    Test<br> 
 
    <input type="text" id="text2"> 
 
     <p id="demo"></p> 
 
     <button onClick="kwadraat()">Test</button> 
 
    </body> 
 
    </html>

0

すべて

<!DOCTYPE html> 
 
     <html> 
 
     <head> 
 
     \t <title>Test</title> 
 
     \t <script type="text/javascript"> 
 
     \t \t function kwadraat(){ 
 
     \t \t var text = ""; 
 
     \t \t var i; 
 
     \t \t var t = parseFloat(text2.value) 
 
     \t \t var numm = t + 1 
 
     \t \t for (i = 1; i < numm; i++) { 
 
      \t text += "The number is " + i + "<br>"; 
 
     \t \t } 
 
     \t \t document.getElementById("demo").innerHTML = text; 
 
     \t } 
 
     \t \t 
 
     </script> 
 
     \t 
 
     </head> 
 
     <body> 
 
     Test<br> 
 
     <input type="text" id="text2"> 
 
     \t <p id="demo"></p> 
 
     \t <button onClick="kwadraat()">Test</button> 
 
     </body> 
 
     </html>
は、あなたがそれを得る.AND条件が 20

function kwadraat(){ 
 
     \t \t var text = ""; 
 
     \t \t var i; 
 
     \t \t var t = parseFloat(text2.value) 
 
     \t \t var numm = t + 1 
 
     \t \t for (i = 1; i < numm; i++) { 
 
        if(i <= 20){ 
 
      \t text += "The number is " + i + "="+Math.floor(i*i)+"<br>"; 
 
        } 
 
    else{ 
 
      text ="Above 20" ; 
 
    } 
 
     \t \t } 
 
     \t \t document.getElementById("demo").innerHTML = text ; 
 
     \t }
<input type="text" id="text2"> 
 
     \t <p id="demo"></p> 
 
     \t <button onClick="kwadraat()">Test</button>
上のループを分離している場合、一部に適用されるいくつかの Math.floor(i*i)機能withn ..Apply正しいはずです

0

私は、これはあなたを助けることを願っています:

var x = ''; 
 

 
function listResults(x) { 
 
    var text = ''; 
 
    var result = document.getElementById('result'); 
 
    x = document.getElementById('number').value; 
 
    if (x > 20) { 
 
    console.log('ERROR: number is bigger than 20'); 
 
    } else { 
 
    for (var i = 1; i <= x; i++) { 
 
     text += i + ' = ' + i * i + '<br>'; 
 
    } 
 
    result.innerHTML = text; 
 
    } 
 

 
}
<input type='text' value='' id='number'> 
 
<button onclick='listResults(x)'>Click</button> 
 
<div id='result'></div>