{js} for文の練習。

<script type="text/javascript">
window.onload = function(){
	var hoge = "";
	hoge += "<table>";

	for(i=0; i<10; i++){
		hoge +="<tr><td>" + i + "</td></tr>";
	}

	hoge +="</table>";

	document.getElementById("ho").innerHTML = hoge;
}
</script>

for文練習2

<blockquote>
<input type="button" onClick="geho()" value="生成">
<script type="text/javascript">
function geho(){
	var hoge2 = "";
	var x = "";
	hoge2 += "<table>";

for(j=0; j<10; j++){
	hoge2 +="<tr>";
	
	for(i=0; i<10; i++){
		hoge2 +="<td>" + i + "</td>";
	}

	hoge2 +="</tr>";
}

	hoge2 +="</table>";

	document.getElementById("ho2").innerHTML = hoge2;
}
</script>

<div id="ho2"></div>
</blockquote>

for文練習3

<input type="button" onClick="gehori()" value="0〜99の数字をjsで生成">
<script type="text/javascript">
function gehori(){
	var hoge3 = "";
	var num = -1;
	hoge3 += "<table>";

for(j=0; j<10; j++){
	hoge3 +="<tr>";
	
	for(i=0; i<10; i++){
		num ++;
		hoge3 +="<td>" + num + "</td>";
	}

	hoge3 +="</tr>";
}

	hoge3 +="</table>";

	document.getElementById("hohoho").innerHTML = hoge3;
}
</script>

<div id="hohoho"></div>

for文練習4

もう一個for文で囲んだら、tableが二個できた。なるほど、こうなるのか。for文の3重入れ子。for文って美しいなぁ。

<input type="button" onClick="gehorin()" value="0〜99の数字をjsで生成 + α">
<script type="text/javascript">
function gehorin(){
	var hoge4 = "";
	var num = -1;

for(z=0;z<2;z++){

	hoge4 += "<table>";

	for(j=0; j<10; j++){
		hoge4 +="<tr>";
		
		for(i=0; i<10; i++){
			num ++;
			hoge4 +="<td>" + num + "</td>";
		}
	
		hoge4 +="</tr>";
	}

	hoge4 +="</table>";
}

	document.getElementById("hohohofo").innerHTML = hoge4;
}
</script>

<div id="hohohofo"></div>