Its A Fruit or a veggetable quiz's game

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

No:36944

←

Prev Next

→

Its A Fruit or a veggetable quiz
Developer User16822｜Date and time 24/1/19 12:01:59
Build time 12.322 sec｜Game capacity 3.552KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>¿Es una fruta o una verdura? Quiz</title>
    <meta charset="UTF-8">
</head>
<body>
    <script>
        // Array of pictograms or images for fruits
        const fruits = [
            { name: "Manzana", image: "🍎" },
            { name: "Plátano", image: "🍌" },
            { name: "Cereza", image: "🍒" },
            { name: "Uva", image: "🍇" },
            { name: "Naranja", image: "🍊" },
        ];

// Array of pictograms or images for vegetables
        const vegetables = [
            { name: "Zanahoria", image: "🥕" },
            { name: "Brócoli", image: "🥦" },
            { name: "Tomate", image: "🍅" },
            { name: "Pepino", image: "🥒" },
            { name: "Lechuga", image: "🥬" },
        ];

// Combine the fruits and vegetables arrays
        const items = fruits.concat(vegetables);

// Shuffle the items array to randomize the order
        for (let i = items.length - 1; i > 0; i--) {
            const j = Math.floor(Math.random() * (i + 1));
            [items[i], items[j]] = [items[j], items[i]];
        }

let currentQuestionIndex = 0;
        let score = 0;

// Function to check the user's answer
        function checkAnswer(answer) {
            const currentQuestion = items[currentQuestionIndex];
            const isCorrect = (fruits.includes(currentQuestion) && answer === "fruta") ||
                (vegetables.includes(currentQuestion) && answer === "verdura");

if (isCorrect) {
                score++;
                alert("¡Respuesta correcta!");
            } else {
                alert("Respuesta incorrecta");
            }

currentQuestionIndex++;
            if (currentQuestionIndex < items.length) {
                displayQuestion();
            } else {
                endGame();
            }
        }

// Function to display the current question
        function displayQuestion() {
            const currentQuestion = items[currentQuestionIndex];
            const container = document.createElement("div");
            const imageElement = document.createElement("span");
            const questionText = document.createTextNode("¿Es esto una fruta o una verdura?");
            const buttonFruit = createAnswerButton("fruta", "Fruta");
            const buttonVegetable = createAnswerButton("verdura", "Verdura");

imageElement.innerHTML = currentQuestion.image;
            container.appendChild(imageElement);
            container.appendChild(questionText);
            container.appendChild(buttonFruit);
            container.appendChild(buttonVegetable);

document.body.innerHTML = "";
            document.body.appendChild(container);
        }

// Function to create an answer button
        function createAnswerButton(value, text) {
            const button = document.createElement("button");
            button.innerText = text;
            button.addEventListener("click", () => {
                checkAnswer(value);
            });
            return button;
        }

// Function to end the game and display the final score
        function endGame() {
            const message = `Juego terminado. Puntaje: ${score}/${items.length}`;
            document.body.innerHTML = "";
            document.body.appendChild(document.createTextNode(message));
        }

// Start the game by displaying the first question
        displayQuestion();
    </script>
</body>
</html>