Exercícios 11 - Templates e Listas Dinâmicas 📜
🟢 Básicos (Fixação)
- Sintaxe: Como você injetaria a variável
usuario = "Ana"dentro da frase "Bem-vinda, Ana!" usando Template Strings? - Criação: Qual o comando para criar um novo elemento
<div>na memória?
🟡 Intermediários (Aplicação)
- Loop: Dado o array
cores = ["azul", "verde", "amarelo"], use umforEachpara exibir cada cor no console dentro de uma frase: "A cor atual é ...". - Inserção: Como você adicionaria um parágrafo que você acabou de criar dentro de um
divque possui o IDcontainer?
🔴 Desafio
- Lista de Compras Dinâmica:
- Crie um array de objetos
itens = [{nome: "Leite", preco: 5.50}, {nome: "Pão", preco: 2.10}]. - Escreva o código que percorra este array e crie, para cada item, uma linha formatada assim:
<li>Leite - R$ 5.50</li>. - Adicione todas essas linhas a uma
<ul>no seu HTML. - Dica: Use o método
.toFixed(2)para formatar os preços com duas casas decimais.
- Crie um array de objetos