Este projeto foi desenvolvido com o objetivo de praticar lógica de programação em JavaScript. O desafio foi criar a lógica para adicionar nomes, realizar sorteios e gerenciar lista de amigos de forma eficiente e dinâmica.
Todo o HTML e CSS foram fornecidos pelo curso One - Oracle Next Education | Alura, enquanto a lógica em JavaScript foi criada do zero.
- Adicione amigos: Insira nomes únicos e crie uma lista personalizada.
- Sorteio único: Cada amigo é sorteado apenas uma vez, garantindo justiça no processo.
- Gerenciamento automático: Após o sorteio de todos os nomes as listas são limpas, e o botão de sorteio é desativado até finalizar a limpeza das listas.
- Inteface intuitiva: Simples de usar, com feedbacks claros para o usuário.
- Prática em JavaScript: Manipulação de arrays, controle de fluxo e DOM (Document Onject Model).
- Feedback instantâneo: Validação em tempo real para evitar duplicidades e erros de entrada.
- Automatização: Gerenciamento completo das listas com um clique.
- HTML/CSS: Estrutura e estilo fornecidos pelo curso One - Oracle Next Education | Alura.
- JavaScript: Lógica e manipulação do DOM para funcionalidade interativa.
-
Clone o repositótio:
git clone https://github.com/JefersonFreire/challenge-amigo-secreto -
Abra o arquivo:
Navegue até o arquivo index.html e abra no navegador. -
Adicione nomes:
Insira nomes na caixa de texto e clique em "Adicionar" para preencher a lista.
- Realiza o sorteio:
Clique em "Sortear amigo" e veja o nome exibido na tela.
- Limpeza automática ou Reiniciar:
Após todos os nomes serem sorteados, as listas serão automaticamente reiniciadas.
Se o usuário desejar, poderá reiniciar o jogo a qualquer momento.
- Adicionar Amigos
- Atualizar Lista de Amigos
- Sorteio de Amigos
- Reiniciar o Sorteio
- Manipulação de elementos DOM de forma dinâmica.
- Lógica condicional para validações e controles.
- Estruturas de repetição para manipular arrays e validações.
- Organização de código para maior clareza e escalabilidade.
Encontrou algo que pode ser melhorado? Ficarei feliz em receber sugestôes e contribuições!
Abra uma issue ou envie um pull request.
- One - Oracle Next Education | Alura - Desenvolvimento do Front - end HTML/CSS.
- Jeferson Freire - Desenvolvimento do Back - end JavaScript.
GitHub
Linkedin - Ícones
Emojipedia