script.js

const animals = [
    { name: "Elephant", clue: "I am the largest land animal." },
    { name: "Tiger", clue: "I am a big cat and have stripes." },
    { name: "Dolphin", clue: "I am a marine mammal and known for my intelligence." },
    { name: "Eagle", clue: "I am a bird of prey and have excellent vision." },
];

let currentAnimal;
let score = 0;

function startGame() {
    currentAnimal = animals[Math.floor(Math.random() * animals.length)];
    document.getElementById("clue").innerText = currentAnimal.clue;
    document.getElementById("result").innerText = "";
    document.getElementById("guess").value = "";
    document.getElementById("next").style.display = "none";
}

document.getElementById("submit").addEventListener("click", function() {
    const guess = document.getElementById("guess").value.trim();
    if (guess.toLowerCase() === currentAnimal.name.toLowerCase()) {
        document.getElementById("result").innerText = "Correct! 🎉";
        score++;
        document.getElementById("next").style.display = "block";
    } else {
        document.getElementById("result").innerText = `Wrong! The correct answer is ${currentAnimal.name}.`;
        document.getElementById("next").style.display = "block";
    }
});

document.getElementById("next").addEventListener("click", startGame);

startGame();