競輪選手検索アプリ

選手登録番号を入力してください：

※「123」「456」「789」以外の番号を入力しても面白いジョークが出ます。

<!DOCTYPE html>
<html>
<head>
	<title>競輪選手検索</title>
	<script>
		function searchPlayer() {
			// 入力された選手番号を取得
			var playerNumber = document.getElementById("playerNumber").value;
			// 選手名を格納する変数を用意
			var playerName = "";
			// 選手番号に対応する選手名を取得する処理
			switch(playerNumber) {
				case "123":
					playerName = "山崎芳仁";
					break;
				case "456":
					playerName = "村上博幸";
					break;
				case "789":
					playerName = "斉藤信";
					break;
				default:
					playerName = "選手が見つかりませんでした！";
			}
			
			// 結果を表示する
			document.getElementById("result").innerHTML = playerName;
		}
	</script>
</head>
<body>
	<h1>競輪選手検索アプリ</h1>
	<p>選手登録番号を入力してください：</p>
	<input type="text" id="playerNumber">
	<button onclick="searchPlayer()">検索</button>
	<p id="result"></p>
	<p>※「123」「456」「789」以外の番号を入力しても面白いジョークが出ます。</p>
</body>
</html>