Click here for free DL of the app version that can save data.

No:40644

←

Prev Next

→

しりとり
Developer User18209｜Date and time 24/2/3 20:51:25
Build time 12.272 sec｜Game capacity 3.033KB｜

Script

了解です。以下にしりとりのプログラムを実装します。

しりとりゲーム

このHTMLファイルをブラウザで開くと、しりとりのゲームがプレイできます。テキストボックスに単語を入力し、「送信」ボタンをクリックするか、Enterキーを押すことで入力が確定します。プレイヤー1とプレイヤー2が交互に単語を入力し、次の単語を入力する際には直前の単語の末尾と一致するようにする必要があります。重複する単語や空の単語はエラーメッセージが表示されます。表示されるメッセージは英語ですが、遊ぶ上での問題はありません。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

Click here for free DL of the app version that can save data.

了解です。以下にしりとりのプログラムを実装します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>しりとり</title>
</head>
<body>
  <h1>しりとりゲーム</h1>
  <input type="text" id="userInput" placeholder="単語を入力してください">
  <button id="submitButton">送信</button>
  <p id="output"></p>

function checkInput() {
      const userInput = document.getElementById('userInput').value;

// 空の単語を入力した場合はエラー
      if (userInput === '') {
        document.getElementById('output').textContent = '単語を入力してください';
        return;
      }

// 入力された単語の先頭が直前の単語の末尾と一致しているか確認
      if (currentWord !== '' && currentWord.slice(-1) !== userInput.charAt(0)) {
        document.getElementById('output').textContent ='「' + currentWord + '」の次は「' + currentWord.slice(-1) + '」で始まる単語を入力してください';
        return;
      }

// 入力された単語が既に出された単語と重複していないか確認
      if (playedWords.includes(userInput)) {
        document.getElementById('output').textContent = 'その単語は既に出されています';
        return;
      }

// 問題ない場合は単語を追加してゲームを進行
      play(userInput);
    }

function play(word) {
      playedWords.push(word);
      currentWord = word;

if (currentPlayer === 'Player1') {
        currentPlayer = 'Player2';
        document.getElementById('output').textContent = currentPlayer + 'の番です。';
      } else {
        currentPlayer = 'Player1';
        document.getElementById('output').textContent = currentPlayer + 'の番です。';
      }

document.getElementById('userInput').value = '';
    }

document.getElementById('submitButton').addEventListener('click', checkInput);
    document.getElementById('userInput').addEventListener('keypress', function (e) {
      if (e.key === 'Enter') {
        checkInput();
      }
    });
  </script>
</body>
</html>
```