Pular para conteúdo

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.