競輪選手名検索
競輪選手の選手登録番号を入力してください。
以下に、競輪選手の選手登録番号を入力すると、選手名を表示するアプリの実装例を示します。 ```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」の場合、「選手名は「山田花子」です。」と表示されます。 ジョークを入れる場合、例えば「競輪選手名検索 (※当アプリは、実際に競輪選手名を検索するわけではありません)」といった感じで、注意書きなどに取り込むことができます。