function adicionar() {
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 = '';
}
Oi, Zilda! Como vai?
Gostei de como você estruturou a função adicionar(). Ela cumpre bem o papel de capturar o valor digitado e atualizar a lista de amigos. Essa lógica mostra uma boa compreensão sobre manipulação do DOM com getElementById() e uso de textContent.
Uma dica interessante para o futuro é usar innerText ou join() quando quiser manipular listas de forma mais flexível. Veja este exemplo:
let amigos = [];
function adicionar() {
let nome = document.getElementById('nome-amigo').value;
amigos.push(nome);
document.getElementById('lista-amigos').innerText = amigos.join(', ');
}
Esse código usa um array para armazenar os nomes e o método join() para exibi-los separados por vírgulas, tornando o controle da lista mais simples.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!