Oii, Tiago!
O problema do nome aparecer repetido tá na forma como você tá atualizando o conteúdo da lista de amigos. No trecho onde você define lista.textContent
, você está sobrescrevendo o valor ao invés de acumulá-lo.
Acumulando os nomes corretamente: No trecho onde você atualiza lista.textContent
, você deve garantir que tá adicionando o novo nome à lista já existente, ao invés de sobrescrever.
Atualização correta do textContent
: Veja como você pode ajustar o código:
function adicionar() {
let amigo = document.getElementById('nome-amigo');
let lista = document.getElementById('lista-amigos');
amigos.push(amigo.value); // Adiciona o novo amigo ao array
if (lista.textContent === '') {
lista.textContent = amigo.value;
} else {
lista.textContent += ', ' + amigo.value; // Usa o operador += para acumular
}
amigo.value = ''; // Limpa o campo de entrada
}
Com essa modificação, o operador +=
é usado para adicionar o novo nome à lista já existente, mantendo os nomes anteriores e adicionando o novo separado por uma vírgula.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!