🎲 Sorteador de Números

Projeto desenvolvido durante o curso Lógica de Programação da Alura.

---

📘 Sobre o Projeto

Este projeto é um sorteador de números aleatórios , desenvolvido em HTML , CSS e JavaScript .

O usuário define um intervalo e a quantidade de números a serem sorteados — e o sistema garante que:

• Nenhum número se repita;
• Todos estejam dentro do intervalo;
• O botão “Sortear” seja desabilitado após o sorteio;
• O botão “Reiniciar” possa reativar o processo.

O foco do exercício é praticar a lógica de programação com JavaScript aplicada a páginas web.

---

🧠 O que foi aprendido

Durante o curso, foram trabalhados conceitos fundamentais de lógica e manipulação do DOM:

🔹 Manipulação de elementos HTML

• Analisar a estrutura do código HTML e planejar suas funcionalidades;
• Recuperar elementos da página com document.getElementById();
• Modificar o conteúdo da página com innerHTML.

🔹 Variáveis e Tipos de Dados

• Declarar variáveis no JavaScript para armazenar informações;
• Utilizar parseInt() para converter strings em números inteiros;
• Usar Template Strings (${variavel}) para interpolar valores em textos.

🔹 Estruturas e Funções

• Criar estruturas de repetição (for, while);
• Declarar arrays e adicionar elementos com push();
• Utilizar funções para organizar e reutilizar o código;
• Integrar códigos prontos de terceiros, como geradores de números aleatórios.

🔹 Condicionais e Classes CSS

• Implementar blocos condicionais if/else;
• Adicionar e remover classes com classList.add() e classList.remove();
• Verificar classes existentes com classList.contains().

---

🧩 Estrutura do Projeto

📁 sorteador-numeros
│
├── 📂 img              → imagens usadas na interface
├── 📜 app.js           → lógica principal do sorteio
├── 📄 index.html       → estrutura base da página
├── 🎨 style.css        → estilos visuais da aplicação
└── 📘 README.md        → documentação do projeto

---

🖥️ Exemplo de Uso

1️⃣ Informe:

• Quantidade: 5
• De: 1
• Até: 60

2️⃣ Clique em “Sortear”

→ O resultado será algo como:

3, 12, 24, 35, 57

3️⃣ Use o botão “Reiniciar” para limpar e começar de novo.

---

🧰 Tecnologias Utilizadas

Tecnologia	Finalidade
HTML5	Estrutura do site
CSS3	Estilização e aparência dos botões/textos
JavaScript (ES6+)	Lógica e manipulação do DOM

---

👨‍💻 Autor

Weslley Chaves

📎 GitHub | 💼 LinkedIn

🗓️ Última atualização: 20/10/2025