script.js

// Array com as quatro casas de Hogwarts
const casas = [
    { nome: "Grifinória", cor: "#740001" },
    { nome: "Sonserina", cor: "#1a472a" },
    { nome: "Corvinal", cor: "#0e1a40" },
    { nome: "Lufa-Lufa", cor: "#ecb939" }
];

// Seleção dos elementos do HTML
const botao = document.getElementById("btn-selecionar");
const resultadoDiv = document.getElementById("resultado");
const nomeCasaTxt = document.getElementById("nome-casa");

// Evento de clique no botão do Chapéu Seletor
botao.addEventListener("click", function() {
    // Escolhe uma casa aleatória da lista
    const indiceAleatorio = Math.floor(Math.random() * casas.length);
    const casaSorteada = casas[indiceAleatorio];
    
    // Atualiza o texto com o nome da casa sorteada
    nomeCasaTxt.textContent = casaSorteada.nome;
    
    // Altera a cor do texto do resultado para combinar com a casa
    nomeCasaTxt.style.color = casaSorteada.cor;
    
    // Remove a classe 'escondido' para exibir o resultado na tela
    resultadoDiv.classList.remove("escondido");
});