Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Desafio Amigo secreto - desafio 1

Referente ao curso Lógica de programação: praticando com desafios, no capítulo Projeto Amigo Secreto e atividade Faça como eu fiz: função para incluir o amigo

por Rony Kalinowski Vilar
| 19.3k xp | 68 posts

Segue o meu codigo, eu fiz algumas extras, para evitar de dar entradas erradas, porem não consegui ainda corrigir a questão de aparecer na tela, no campo 'amigos incluidos" mas o alert e emitido e ele não deixar entrada no array de nomes iguais. 

    
    
    let grupoAmigos = [];
    let listaSorteio = document.getElementById('lista-sorteio');

function adicionar() {
    let nomeAmigo = document.getElementById('nome-amigo').value.trim();
    let listaAmigos = document.getElementById('lista-amigos');
    let nomeAmigoUpper = nomeAmigo.toUpperCase();
        if (nomeAmigo === '') {
            alert('Favor inserir o nome no campo');
            return;
        } else {
        if (listaAmigos.textContent == '') {
                listaAmigos.textContent = nomeAmigo;
        } else {
                listaAmigos.textContent = listaAmigos.textContent + ', ' + nomeAmigo;
            }
        if (grupoAmigos.includes(nomeAmigoUpper)) {
                alert("Amigo ja incluido, informe outro nome ou adicione um sobrenome");                
             return;
        } else {
            grupoAmigos.push(nomeAmigoUpper);
            console.log(grupoAmigos);
            nomeAmigo = '';
        }
    }
}        


function sortear() {

}

function reiniciar() {


}
1 resposta
solução!
por Renan Lima
| 4230.7k xp | 9015 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, Rony. Tudo bem?

Muito obrigado por compartilhar o seu código aqui com a gente. Parabéns pelo trabalho. Continue com essa dedicação.

Ótimo como você implementou a verificação para evitar nomes duplicados, isso ajuda bastante na experiência do usuário. No entanto, percebi que a atualização da lista na tela pode não estar funcionando porque o valor de nomeAmigo não está sendo limpo corretamente após ser adicionado.

Veja este exemplo de como atualizar a listaAmigos dinamicamente: 


function adicionar() {
    let nomeAmigo = document.getElementById('nome-amigo').value.trim();
    let listaAmigos = document.getElementById('lista-amigos');
    
    if (!nomeAmigo) {
        alert('Favor inserir o nome no campo');
        return;
    }
    
    if (!grupoAmigos.includes(nomeAmigo.toUpperCase())) {
        grupoAmigos.push(nomeAmigo.toUpperCase());
        let novoItem = document.createElement('li');
        novoItem.textContent = nomeAmigo;
        listaAmigos.appendChild(novoItem);
        document.getElementById('nome-amigo').value = ''; // Limpa o campo
    } else {
        alert("Amigo já incluído, informe outro nome ou adicione um sobrenome");
    }
}

Isso cria um novo item <li> para cada amigo adicionado na lista. Assim, a exibição dos amigos na tela deve funcionar corretamente.

  Alura   Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!