循环我不知道该怎么做

时间:2016-10-31 13:20:37

标签: javascript html5 loops

当我按下按钮并且文本框中有5个时,我会尝试制作它,它会提醒1到5的方形数字,所以就像这样     1 = 1的平方数     平方数为2 = 4     3 = 9的平方数     平方数为4 = 16     平方数为5 = 25     当数字为7等时,但当数字超过20时,会出错,请各位帮助我谢谢!

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

3 个答案:

答案 0 :(得分:0)

所有都应该是正确的..应用一些test函数你会得到它。并且应用一些if条件将上面的循环分开Math.floor(i*i)

&#13;
&#13;
20
&#13;
function kwadraat(){
        		var text = "";
        		var i;
        		var t = parseFloat(text2.value)
        		var numm = t + 1
        		for (i = 1; i < numm; i++) {
                  if(i <= 20){
            	text += "The number is " + i + "="+Math.floor(i*i)+"<br>";
                  }
  else{
          text ="Above 20" ;
  }
        		}
        		document.getElementById("demo").innerHTML = text ;
        	}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

你快到了。

我基本上重新调整了你的代码,添加了20多个条件。你也使用了parseFloat,它显然不是你想要解析的浮点数,所以把它改成了parseInt。

&#13;
&#13;
FunctionType
&#13;
&#13;
&#13;

答案 2 :(得分:0)

我希望这会对你有所帮助:

&#13;
&#13;
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;
  }

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