1
resposta

Funcao adicionar os amigos a lista

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
    }
    lista.textContent = amigo.value
    
    //limpando o campo
    amigo.value = ''
}
1 resposta

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!