for文

変数「i」の初期値
繰り返しを継続するための条件
処理を１回実行するたびに、変数「i」の値をどのように変更するか

for ( 変数の初期値； 繰り返し条件； 変数の変更 ) {
　　実行される処理
}

JavaScriptの勉強

forの中の式は繰り返し条件に達するまで継続される

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<script type="text/javascript">
	<!--
	var i;
	for(i = 0; i< 10; i++) {
		document.write('<p>javaScript</p>');
	}
	// -->
	</script>
</body>
</html>

2の倍数を合計してダイアログに表示させる

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
<h3>偶数の合計</h3>
以下のボタンをクリックすると、<br>
2、4、6、8、…、100を全て合計した結果を表示できます<br>
<button onClick="total()">計算結果</button>
	<script type="text/javascript">
	<!--
	function total() {
		var ans= 0;
	for(i= 2; i<=100; i= i+2) {
		ans = ans + i;
	}
	alert('2,4,6,8,…, 100の合計は' + ans +'です');
	}
	// -->
	</script>
</body>
</html>

3の倍数を強調表示させる

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
  <style type="text/css">
	<!--
	#mulOfThree {
		font-size: 250%;
		color: red;
	}
	-->
	</style>
</head>
<body brcolor= "#fff">
	<h1>3の倍数を強調表示</h1>
  <p>
  <script type="text/javascript">
	<!--
	var Max = 15;
	for(var i = 1; i <=Max; i++) {
		if((i % 3) == 0) {
			document.write('<span id="mulOfThree">', i, '</span>',
			'&nbsp;');
		} else {
			document.write(i + '&nbsp;');
		}
	}
	// -->
	</script>
  </p>
  
</body>
</html>

《演習問題 1》

1〜100までの合計をダイアログボックスに表示させなさい。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>演習1</title>
</head>
<body brcolor= "#fff">
	<h1>1〜100までの合計をダイアログボックスに表示する</h1>
  <button onClick="total()">計算結果</button>
  <script type="text/javascript">
	<!--
	function total() {
	var ans = 0;
	for(i = 1; i <=100; i++) {
		 ans = ans + i;
	}
	alert('1〜100までの合計は' + ans + 'です');
	}
	// -->
	</script>
  
</body>
</html>