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

No:40631

←

Prev Next

→

IQテスト
Developer User18209｜Date and time 24/2/3 20:38:27
Build time 12.239 sec｜Game capacity 3.808KB｜

Script

IQテスト

次の数字を選んでください。

😊

🤔

🙄

😅

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>IQテスト</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
        }
        
        h1 {
            color: #333333;
        }
        
        #question {
            font-size: 24px;
            margin-top: 50px;
        }
        
        #choices {
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }
        
        .choice {
            font-size: 18px;
            padding: 10px 20px;
            margin: 0 10px;
            border-radius: 5px;
            cursor: pointer;
            background-color: #ffffff;
            border: 1px solid #cccccc;
        }
        
        .choice:hover {
            background-color: #cccccc;
        }
        
        #result {
            margin-top: 30px;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <h1>IQテスト</h1>
    <div id="question">次の数字を選んでください。</div>
    <div id="choices">
        <div class="choice" onclick="checkAnswer(1)">😊</div>
        <div class="choice" onclick="checkAnswer(2)">🤔</div>
        <div class="choice" onclick="checkAnswer(3)">🙄</div>
        <div class="choice" onclick="checkAnswer(4)">😅</div>
    </div>
    <div id="result"></div>

var currentQuestion = 0;
        var score = 0;

function loadQuestion() {
            var questionElement = document.getElementById("question");
            var choicesElement = document.getElementById("choices");
            var resultElement = document.getElementById("result");

questionElement.textContent = questions[currentQuestion].question;

choicesElement.innerHTML = "";
            for (var i = 0; i < questions[currentQuestion].choices.length; i++) {
                var choice = document.createElement("div");
                choice.setAttribute("class", "choice");
                choice.setAttribute("onclick", "checkAnswer(" + i + ")");
                choice.textContent = questions[currentQuestion].choices[i];
                choicesElement.appendChild(choice);
            }

resultElement.textContent = "";
        }

function checkAnswer(choice) {
            var resultElement = document.getElementById("result");
            if (choice === questions[currentQuestion].correctAnswer) {
                resultElement.textContent = "正解！😃";
                score++;
            } else {
                resultElement.textContent = "不正解... 😔";
            }

currentQuestion++;
            if (currentQuestion < questions.length) {
                setTimeout(loadQuestion, 1000);
            } else {
                resultElement.textContent = "ゲーム終了！あなたのスコアは " + score + "/" + questions.length + " です。";
                var choicesElement = document.getElementById("choices");
                choicesElement.innerHTML = "";
            }
        }

loadQuestion();
    </script>
</body>
</html>