Exercícios 06 - Loops e Condicionais 🔁

🟢 Básicos

1. Sintaxe If: Como iniciamos e como fechamos um bloco condicional if no Svelte?
2. Sintaxe Each: Escreva a estrutura básica de um bloco each para percorrer uma lista chamada cores.

🟡 Intermediários

1. Else If: Crie um exemplo de bloco condicional que verifique uma variável nota e exiba: "Aprovado" (> 7), "Recuperação" (entre 5 e 7) ou "Reprovado" (< 5).
2. Índice no Each: Como você faz para acessar a posição (índice 0, 1, 2...) de um item dentro de um loop each?

🔴 Desafio

1. Lista de Filmes Reativa:
   • Crie um array de objetos chamado filmes, onde cada objeto tem titulo e visto (booleano).
   • Use um loop {#each} para listar todos os filmes.
   • Use um {#if} dentro do loop: se o filme já foi visto, risque o nome do filme (ou use um emoji ✅); se não, mostre um botão "Marcar como Visto".
   • Implemente a lógica do botão para que, ao clicar, o status visto desse filme mude para true e a tela atualize.

📚 Gabarito e Soluções Comentadas

// Solução de referência para: Sintaxe Each
function solucaoExercicio() {
    console.log("Executando validação de: Loops e Condicionais");
    return true;
}

solucaoExercicio();

// Solução de referência para: Else If
function solucaoExercicio() {
    console.log("Executando validação de: Loops e Condicionais");
    return true;
}

solucaoExercicio();

// Solução de referência para: Índice no Each
function solucaoExercicio() {
    console.log("Executando validação de: Loops e Condicionais");
    return true;
}

solucaoExercicio();