// script.js

let numbers = [];
let currentIndex = 0;
let totalSum = 0;

document.getElementById("start-button").addEventListener("click", startFlashAnzan);
document.getElementById("check-button").addEventListener("click", checkAnswer);

function startFlashAnzan() {
    numbers = [];
    currentIndex = 0;
    totalSum = 0;
    document.getElementById("result").textContent = "";
    document.getElementById("answer").value = "";
    
    // 背景を黒に、文字を白に
    document.body.style.backgroundColor = "black";
    document.getElementById("number-display").classList.add("white-text");
    document.getElementById("result").classList.add("white-text");

    showNextNumber();
}

function showNextNumber() {
    if (currentIndex < 5) {  // 5つの数字を表示
        const num = Math.floor(Math.random() * 100) + 1;  // 1～100のランダムな数字
        numbers.push(num);
        totalSum += num;
        document.getElementById("number-display").textContent = num;
        currentIndex++;
        setTimeout(showNextNumber, 1000);  // 1秒ごとに次の数字を表示
    } else {
        document.getElementById("number-display").textContent = "？";
        document.body.style.backgroundColor = ""; // 背景色を元に戻す
        document.getElementById("number-display").classList.remove("white-text");
        document.getElementById("result").classList.remove("white-text");
    }
}

function checkAnswer() {
    const answer = parseInt(document.getElementById("answer").value);
    if (answer === totalSum) {
        document.getElementById("result").textContent = "正解！";
    } else {
        document.getElementById("result").textContent = `不正解。正解は ${totalSum} でした。`;
    }
}