▼for文で年齢選択をドロップダウンに表示
font-size:12px;line-height: 150%;
10歳ずつ増える/1歳ずつ増える
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>if文</title>
</head>
<body>
<p>年齢を選択してください</p>
<form>
<select>
<script>
var i;
for(i=10; i<100; i+=10){
document.write('<option value="'+i+'">'+i+'歳です</option>');
}
</script>
</select>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>if文</title>
</head>
<body>
<p>年齢を選択してください</p>
<form>
<select>
<script>
var i;
for(i=10; i<100; i++){
document.write('<option value="'+i+'">'+i+'歳です</option>');
}
</script>
</select>
</form>
</body>
</html>
◉ポイント◉
for ( 変数の初期値; 繰り返し条件; 変数の変更 ) {
実行される処理
}
※
- 「++」
- 「i++」は、「i = i + 1;」と同じ
- (i=i+10はi+=10と同じ)