(() => {
    "use strict";

    const cards = document.querySelectorAll("[data-flashcard]");

    cards.forEach((card) => {
        const revealButton = card.querySelector("[data-reveal-definition]");
        const front = card.querySelector("[data-card-front]");
        const definition = card.querySelector("[data-card-definition]");

        if (!revealButton || !front || !definition) return;

        revealButton.addEventListener("click", () => {
            front.hidden = true;
            definition.hidden = false;
            card.classList.add("is-revealed");
        });
    });
})();