Exercícios 11 - Consumo de API REST 🌐
🟢 Básicos
- Fetch: Qual o método HTTP padrão usado pela função
fetch() se você não especificar nenhum?
- JSON: Por que precisamos chamar
.json() após receber a resposta de um fetch?
- Bloco Await: Escreva a estrutura básica do bloco
{#await} do Svelte, incluindo o estado de carregamento e o tratamento de erro.
- Async/Await: Transforme uma sequência de
.then() e .catch() em uma função usando as palavras-chave async e await.
🔴 Desafio
- Buscador de Personagens:
- Use a API pública do Rick and Morty (
https://rickandmortyapi.com/api/character).
- Crie um input de texto para o usuário digitar um nome.
- Use o
{#await} para buscar os personagens que coincidam com esse nome sempre que o usuário clicar em um botão "Buscar".
- Exiba a imagem e o nome do personagem retornado.
- Adicione uma verificação: se a API não encontrar nada, exiba "Nenhum personagem encontrado".