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

No:36674

65

ランダムな単語が現れるので、テキストボックスに同じ単語を入力し、送信ボタンを押すと正解か不正解か表示..ALL
Developer User16795｜Date and time 24/1/18 8:50:09
Build time 8.549 sec｜Game capacity 2.51KB｜

Word Guess Game

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Word Guess Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #word {
            font-size: 32px;
            margin-top: 50px;
        }
        
        #input {
            font-size: 24px;
            margin-top: 20px;
        }
        
        #result {
            font-size: 24px;
            margin-top: 20px;
        }
        
        #reset {
            font-size: 18px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Word Guess Game</h1>
    <div id="word"></div>
    <input type="text" id="input">
    <button onclick="checkAnswer()">送信</button>
    <div id="result"></div>
    <button onclick="resetGame()" id="reset">リセット</button>

<script>
        // 単語リスト
        const words = ["りんご", "バナナ", "オレンジ", "ぶどう", "メロン", "スイカ"];
        let currentIndex = 0;
        
        // ゲームのスタートポイント
        function startGame() {
            displayWord();
        }
        
        // ランダムな単語を表示
        function displayWord() {
            const wordDiv = document.getElementById("word");
            wordDiv.innerHTML = words[currentIndex];
        }
        
        // 答えをチェックする
        function checkAnswer() {
            const inputText = document.getElementById("input").value;
            const resultDiv = document.getElementById("result");
            
            if (inputText.toLowerCase() == words[currentIndex].toLowerCase()) {
                resultDiv.innerHTML = "正解！";
            } else {
                resultDiv.innerHTML = "不正解";
            }
            
            currentIndex++;
            if (currentIndex >= words.length) {
                currentIndex = 0;
            }
            
            document.getElementById("input").value = "";
            setTimeout(function() {
                resultDiv.innerHTML = "";
                displayWord();
            }, 2000);
        }
        
        // ゲームをリセットする
        function resetGame() {
            currentIndex = 0;
            displayWord();
            document.getElementById("input").value = "";
            document.getElementById("result").innerHTML = "";
        }
        
        // ゲームの開始
        startGame();
    </script>
</body>
</html>