【Java​Scriptの基礎】何回音を鳴らすか支持する

Java​Script

何回音を鳴らすか支持する

Java​Scriptの基本

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>何回音を鳴らすか支持する</title>
</head>

<body>
<h1>何回音を鳴らすか支持する</h1>
<p>
  <button onClick="btn()">判別する</button>
</p>
<h2 id="result">ここに結果を表示</h2>
<script>
	function btn(){
		var time = prompt('鳴らす音の回数を半角数字で入力してください\nただし数字は「1~3」までです。');
			time = parseInt(time);
		var element = document.getElementById('result');

	switch(time) {
		case 1: 
			element.textContent = '1回音を鳴らします';
			break;
		case 2: 
			element.textContent = '2回音を鳴らします';
			break;
		case 3: 
			element.textContent = '3回音を鳴らします';
			break;
		default:
			element.textContent = '音は鳴りません';
			break;
		
	}
	}
</script>
</body>
</html>
タイトルとURLをコピーしました