Oi, Diego! Tudo bem?
Parabéns pela resolução! Deixo como sugestão apenas a atenção a um pequeno detalhe: estamos atualizando lista.textContent
duas vezes, primeiro verificamos se a lista está vazia e adicionamos o nome do amigo, mas logo em seguida, estamos sobrescrevendo lista.textContent
novamente com amigo.value
, o que faz com que apenas o último amigo adicionado apareça na lista.
Aqui está uma sugestão de como ajustar o código:
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;
}
// limpando o campo
amigo.value = '';
}
Espero ter ajudado!
Um forte abraço e bons estudos!