建物しりとり
最初の言葉を決めて、それからは最後の文字から始まる建物名を言ってください。
同じ言葉を使ってはいけません。
例えば、「アパートメント」→「トンネル」→「ルーセントタワー」と続きます。
最初の言葉は「アパートメント」です。
以下が建築の建物しりとりの実装例です。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>建物しりとり</title>
<script>
const words = [
"アパートメント",
"トンネル",
"ルーセントタワー",
"レンガ造りのアパートメント",
"トリトンスクエア",
"アマン東京",
"クリスタルホール",
"ル・クルーゼット青山レジデンス",
"トウキョウガーデンテラス紀尾井町",
"ドン・キホーテ中野店",
"ティアラタワー",
"ロータスタワーズ",
"ルナス青山",
"ル・ポンタ南青山",
"ナルスアパート",
"六本木ヒルズ森タワー"
];
let lastWord = "";
function submitWord() {
const inputWord = document.getElementById("word-input").value.trim();
if (inputWord === "") {
return;
}
if (lastWord === "" || inputWord.substring(0, 1) === lastWord.substring(lastWord.length - 1)) {
const isExist = words.some(word => word === inputWord);
if (isExist) {
lastWord = inputWord.substring(inputWord.length - 1);
alert(inputWord + "！ 次は「" + lastWord + "」から始まる建物名です！");
document.getElementById("word-input").value = "";
} else {
alert(inputWord + "という建物名は存在しません！");
}
} else {
alert(inputWord + "は「" + lastWord + "」が最後についた建物名ではありません！");
}
}
</script>
</head>
<body>
<h1>建物しりとり</h1>
<p>最初の言葉を決めて、それからは最後の文字から始まる建物名を言ってください。</p>
<p>同じ言葉を使ってはいけません。</p>
<p>例えば、「アパートメント」→「トンネル」→「ルーセントタワー」と続きます。</p>
<p id="current-word">最初の言葉は「アパートメント」です。</p>
<input type="text" id="word-input">
<input type="button" value="入力" onclick="submitWord()">
</body>
</html>
```
この建物しりとりアプリは、事前に用意した建物名を配列で保持しています。ユーザーが入力した言葉がこの配列に含まれているかどうかを判定し、最後の文字と入力された言葉の最初の文字が一致するかどうかもチェックしています。違反があった場合は、alertでエラーを表示します。
ジョークとしては、「ドン・キホーテ中野店」という建物が入っているところです。