script.js

function getRandomColors() {
    const randomColors = [];
    while (randomColors.length < 6) {
        const randomColor = `rgb(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)})`;
        if (!randomColors.includes(randomColor)) {
            randomColors.push(randomColor);
        }
    }
    return randomColors;
}

let colors = getRandomColors();
let targetColor = "";
let score = 0;

function startGame() {
    score = 0; // 
    document.getElementById("score").textContent = score;
    colors = getRandomColors(); 
    setNewTargetColor();
    document.getElementById("gameStatus").textContent = "";
    generateColorOptions();
}

function setNewTargetColor() {
    targetColor = colors[Math.floor(Math.random() * colors.length)];
    document.getElementById("colorBox").style.backgroundColor = targetColor;
}

function generateColorOptions() {
    const colorOptionsContainer = document.getElementById("colorOptions");
    colorOptionsContainer.innerHTML = "";
    colors.forEach(color => {
        const button = document.createElement("button");
        button.classList.add("color-option");
        button.style.backgroundColor = color;
        button.setAttribute("data-testid", "colorOption");
        button.addEventListener("click", () => checkGuess(color));
        colorOptionsContainer.appendChild(button);
    });
}

function checkGuess(color) {
    const gameStatus = document.getElementById("gameStatus");
    if (color === targetColor) {
        document.getElementById("gameStatus").textContent = "Yayyyy 💃 that's right! Keep going 💪.";
        gameStatus.textContent = "Yayyyy that's right! Keep going 💪.";
        score++;
        document.getElementById("score").textContent = score;
        colors = getRandomColors(); 
        setNewTargetColor();
        generateColorOptions();
    } else {
        document.getElementById("gameStatus").textContent = "Oops! Try again 🙂‍↔️.";
        gameStatus.textContent = "Oops! Try again.";
    }
    gameStatus.style.opacity = "1";
    setTimeout(() => {
        gameStatus.style.opacity = "0";
    }, 1000); 
}

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

startGame();