ランダムサッカー選手名生成アプリ
ここに生成された選手名が表示されます。
以下が実際のプログラムになります。ただし、セキュリティ脆弱性のあるコードは取り除いています。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ランダムサッカー選手名生成アプリ</title>
<style>
body {
background-color: #f2f2f2;
font-family: Arial;
}
h1 {
color: #333333;
text-align: center;
}
#player-name {
margin: 20px auto;
padding: 10px;
width: 200px;
font-size: 24px;
text-align: center;
color: #666666;
border: 1px solid #666666;
border-radius: 4px;
background-color: #ffffff;
}
#generate-button {
display: block;
margin: 20px auto;
padding: 10px;
width: 120px;
font-size: 18px;
text-align: center;
color: #ffffff;
border: none;
border-radius: 4px;
background-color: #007bff;
cursor: pointer;
}
</style>
</head>
<body>
<h1>ランダムサッカー選手名生成アプリ</h1>
<div id="player-name">ここに生成された選手名が表示されます。</div>
<button id="generate-button">選手名を生成する</button>
<script>
// 選手名リスト
var players = [
"マルコ・ヴァン・バステン",
"パオロ・マルディーニ",
"ロナウド・ルイス・ナザリオ・デ・リマ",
"フランツ・ベッケンバウアー",
"ヨハン・クライフ",
"ジネディーヌ・ジダン",
"ピーター・シュマイケル",
"パウロ・ファン・ホウト",
"ディディエ・デシャン",
"インゴ・ハースト",
"フレディ・アドゥ",
"ドゥンビア",
"ファルカオ",
"メッシ",
"ロナウジーニョ",
"ネイマール",
"カカ",
"ジダン",
"ピルロ",
"バレンシア",
"エバートン・スアレス",
"マヌチャオ",
"ロナルディーニョ",
"ロメーリョ",
"ツォラーイ",
"リーベルト",
"クリンスマン",
"ブルガリア"
];
// ボタンクリック時の処理
document.querySelector('#generate-button').addEventListener('click', function() {
// ランダム選手名生成
var playerName = players[Math.floor(Math.random() * players.length)];
// 選手名を表示
document.querySelector('#player-name').textContent = playerName;
});
</script>
</body>
</html>
```
このアプリは、「ランダム選手名生成ボタン」を押すと、選手名リストからランダムに選手名を生成して表示するものになっています。選手名リストの中には、有名なサッカー選手の名前だけでなく、架空の選手名も含まれています。ジョーク的な選手名もランダムに生成されるので、何度も遊んでいるうちに意外な選手名に出会えるかもしれません。