funcion adcionar() {
let amigo = document.getElementById('nome-amigo');
let lista = document.getElementById('lista-amigos);
if (lista.textContent == '') {
lista.textContent = amigo.value;
} else {
lista.textContent = lista.textContent + ',' + amigo.value;
}
amigo.value = '';
}
Olá, Yanca! Como vai?
Parabéns pela resolução da atividade!
Observei que você explorou o uso de funções para manipular o DOM, utilizou muito bem condicionais para verificar se a lista já possui conteúdo e ainda compreendeu a importância de limpar o campo de entrada após adicionar o valor.
Uma dica interessante para o futuro é corrigir pequenos detalhes de sintaxe e tornar o código mais legível. Assim:
function adicionar() {
let amigo = document.getElementById('nome-amigo');
let lista = document.getElementById('lista-amigos');
if (lista.textContent === '') {
lista.textContent = amigo.value;
} else {
lista.textContent += ', ' + amigo.value;
}
amigo.value = '';
}
Isso faz com que o código funcione corretamente e mantenha a lista organizada com vírgulas e espaços.
Fico à disposição! E se precisar, conte sempre com o apoio do fórum.
Abraço e bons estudos!
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!