しりとりゲーム
最初の言葉は絶対に末尾が「ん」がついてはいけません！
末尾に「ん」がつく単語を入力してください。
例: ねこ → こども → もも → ...
こちらが実際のプログラムになります。
```
<!DOCTYPE html>
<html>
<head>
<title>しりとりゲーム</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
// 初期設定
var wordHistory = []; // しりとりで使用した単語の履歴
var turn = 1; // しりとりでのターン数
var lastLetter = ''; // 前回の単語の末尾の文字
// しりとりの処理
function shiritori() {
var word = document.getElementById('input-word').value;
if (turn === 1 && word.slice(-1) === 'ん') {
document.getElementById('result').innerHTML = '最初の単語に「ん」がついています！';
} else if (wordHistory.indexOf(word) !== -1) {
document.getElementById('result').innerHTML = 'その単語は既に使用されています！';
} else if (lastLetter !== '' && lastLetter !== word.charAt(0)) {
document.getElementById('result').innerHTML = '前の単語の最後の文字と異なります！';
} else if (word.slice(-1) !== 'ん') {
document.getElementById('result').innerHTML = '末尾に「ん」がつく単語を入力してください！';
} else {
wordHistory.push(word);
lastLetter = word.slice(-2, -1);
document.getElementById('word-history').innerHTML = wordHistory.join(' → ');
document.getElementById('result').innerHTML = '次の単語を入力してください！';
turn++;
}
}
</script>
</head>
<body>
<h1>しりとりゲーム</h1>
<p>最初の言葉は絶対に末尾が「ん」がついてはいけません！</p>
<p>末尾に「ん」がつく単語を入力してください。</p>
<p>例: ねこ → こども → もも → ...</p>
<input type="text" id="input-word">
<button onclick="shiritori()">送信</button>
<div id="word-history"></div>
<div id="result"></div>
</body>
</html>
```
ジョーク要素として、「あなたが「ん」をつけたらアウトです。しりとり詐欺ですね！」などのメッセージを表示することができます。ただし、セキュリティ脆弱性を回避するため、alertを使用しないように注意してください。