競輪選手名検索
競輪選手の選手登録番号を入力してください。
以下に、競輪選手の選手登録番号を入力すると、選手名を表示するアプリの実装例を示します。
```html
<!DOCTYPE html>
<html>
<head>
<title>競輪選手名検索</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>競輪選手名検索</h1>
<p>競輪選手の選手登録番号を入力してください。</p>
<input type="text" id="playerNo">
<button onclick="search()">検索</button>
<div id="result"></div>
<script>
function search() {
// フォームから入力された選手登録番号を取得する
var playerNo = document.getElementById("playerNo").value;
// 入力が空の場合はエラーメッセージを表示する
if (playerNo.length == 0) {
document.getElementById("result").innerHTML = "選手登録番号を入力してください。";
return;
}
// 入力された文字列が数字でない場合はエラーメッセージを表示する
if (isNaN(playerNo)) {
document.getElementById("result").innerHTML = "選手登録番号は数字で入力してください。";
return;
}
// 入力された選手登録番号の選手名を検索する
var playerList = [
{ no: 1, name: "鈴木一郎" },
{ no: 2, name: "田中太郎" },
{ no: 3, name: "山田花子" },
{ no: 4, name: "佐藤二郎" },
{ no: 5, name: "中村健太" }
];
var playerName;
for (var i = 0; i < playerList.length; i++) {
if (playerList[i].no == parseInt(playerNo)) {
playerName = playerList[i].name;
break;
}
}
// 該当する選手がいない場合はエラーメッセージを表示する
if (!playerName) {
document.getElementById("result").innerHTML = "該当する選手がいません。";
return;
}
// 選手名を表示する
document.getElementById("result").innerHTML = "選手名は「" + playerName + "」です。";
}
</script>
</body>
</html>
```
このプログラムは、入力された選手登録番号を元に、選手名を検索し、結果を画面に表示します。入力が空や数字でない場合、該当する選手がいない場合には、エラーメッセージが表示されます。
「競輪選手名検索」というテキストと、選手登録番号の入力欄、検索ボタン、結果を表示するdiv要素が表示されます。選手名は、選手名は「選手名は「○○○○」です。」という形式で表示されます。例えば、選手登録番号が「3」の場合、「選手名は「山田花子」です。」と表示されます。
ジョークを入れる場合、例えば「競輪選手名検索 (※当アプリは、実際に競輪選手名を検索するわけではありません)」といった感じで、注意書きなどに取り込むことができます。