If文,swicth文

授業日誌

キャメルケース　fullYear Yは大文字
文字列はシングルクォートで囲む

if文0~1000までの桁数を判別
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>if文 0~1000の桁数を判別</title>
<script>
  var num;
	
	function dgt() {
		num = prompt('0から1000までの数値を入力してください','半角英数字で入力してください');
		document.write(num + 'は');
		
		if(0 <= num && num <= 9) {
			document.write('１桁の数字です');
		} else if(10 <= num && num <= 99) {
			document.write('２桁の数字です');
		} else if(100 <= num && num <= 999) {
			document.write('3桁の数字です');
		}
		else {
			document.write('4桁以上の数字です');
		}
	}
</script>
</head>
<body>
<h1>0から1000までの数値の桁数を表示します</h1>
<p>ボタンをクリックすると数値を入力するウインドウが開かれます</p>
<p><button onClick="dgt()">判別します</button></p>
</body>
</html>
if文　春夏秋冬を判別
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>if文 春夏秋冬を判断</title>
<script>
  var month;
	
	function season() {
		month = prompt('月を入力してください','1〜12の値を半角数字で入力');
		if((month == 12) || (month == 1) || (month == 2))//13と続けられないので区切る
		 {
			document.write('<h3>冬です</h3>');
		}else if((month >= 3) && (month <=5)) {
				document.write('<h3>春です</h3>');
			} else if((month >= 6) && (month <=8)) {
				document.write('<h3>夏です</h3>');
			} else if((month >= 9) && (month <= 11)) {
				document.write('<h3>秋です</h3>');
			}
	}
</script>
</head>
<body>
<h1>月別に季節を判別</h1>
<p>ボタンをクリックすると月を入力するウインドウが表示されます</p>
<p><button onClick="season()">月別に季節を判別</button></p>
</body>
</html>
switch文で春夏秋冬を判別
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>swich文で月を判別</title>
</head>
<body>
<script>
  var month;
	
	function season() {
		month = prompt('月を入力してください','1〜12の値を半角数字で入力');
		month = Number(month);
		
		switch(month) {
			case 12:
			case 1:
			case 2:
			  document.write('冬です');
				break;
				
				case 3:
				case 4:
				case 5:
				  document.write('春です')
					break;
					
					case 6:
					case 7:
					case 8:
					  document.write('夏です')
						break;
						
						case 9:
						case 10:
						case 11:
						  document.write('冬です')
							break;
							
							default:
							document.write('1〜12の値を入力してください');
		}
	}
</script>

<h1>月別に季節を判別</h1>
<p>ボタンをクリックすると月を入力するウインドウが表示されます</p>
<p><button onClick="season()">月別に季節を判別する</button></p>
</body>
</html>