Uma aplicação interativa que permite inserir nomes de amigos em uma lista e realizar um sorteio aleatório para determinar quem será o "amigo secreto". É fácil de usar e ideal para organizar essa brincadeira com seus amigos ou familiares.
-
Adicionar Nomes:
Os usuários podem inserir nomes em um campo de texto e adicioná-los à lista ao clicar no botão "Adicionar". Caso o campo esteja vazio, será exibido um alerta pedindo que insiram um nome válido. -
Visualizar a Lista:
Todos os nomes inseridos aparecem em uma lista visível logo abaixo do campo de entrada. -
Sortear Amigo Secreto:
Ao clicar no botão "Sortear Amigo", um nome aleatório da lista é selecionado e exibido na tela.
Com este desafio, você colocará em prática conceitos fundamentais de lógica de programação, como:
- Variáveis: Permitem armazenar dados e trabalhar com informações de forma dinâmica.
- Condicionais: Utilizando estruturas como
ifeelse, você pode controlar o fluxo do programa, tomando decisões com base nas entradas do usuário. - Funções: Facilitam a organização do código, permitindo modularizar tarefas específicas que podem ser reutilizadas.
- Listas (arrays): Usadas para armazenar múltiplos elementos, como os nomes dos amigos. É possível adicionar ou remover itens de forma prática.
- Loops de repetição: Estruturas como
forpermitem executar ações repetidas sobre os elementos de uma lista, tornando o código mais eficiente.
- Manipulação de dados: Ao trabalhar com variáveis, você aprende a criar programas que processam informações de forma dinâmica.
- Condicionais: O uso de
ifeelsepermite criar aplicações que respondem de forma inteligente a diferentes situações. - Funções: Além de modularizar e organizar o código, reduzem a duplicação e os erros ao executar tarefas específicas sempre que necessário.
- Trabalho com listas: Saber manipular arrays é essencial para criar aplicações que processam grandes quantidades de dados, como uma lista de participantes.
- Loops: Iterar sobre listas com
forou outros loops facilita tarefas repetitivas, economizando tempo e esforço.
- Baixe ou clone este projeto em seu computador.
- Abra o arquivo
index.htmlno navegador. - Insira os nomes dos participantes no campo de texto e clique no botão "Adicionar" para incluí-los na lista.
- Após adicionar todos os nomes, clique em "Sortear Amigo" para ver o resultado do sorteio.
- index.html: Arquivo principal que contém o layout da aplicação.
- styles.css: Arquivo para estilização da página.
- script.js: Arquivo com a lógica da aplicação.
- Adicionar a funcionalidade para remover nomes da lista.
- Permitir salvar a lista de nomes no navegador, mesmo após recarregar a página.
- Tornar a aplicação mais estilizada e responsiva.
Sinta-se à vontade para contribuir com este projeto! Você pode reportar problemas, sugerir melhorias ou enviar uma nova funcionalidade.
Este projeto é distribuído sob a licença MIT. Você pode usá-lo livremente para fins pessoais de estudo.