Esta aplicação foi desenvolvida como 2º projeto do curso de JavaScript, ministrado pelo professor André Iacono na plataforma Udemy.
🎯 Sobre o Curso
O curso, de nível básico, cobre os fundamentos essenciais da linguagem, oferecendo uma base sólida para iniciantes. O conteúdo é estruturado em 7 capítulos, abordando conceitos fundamentais e incluindo desafios práticos para reforçar o aprendizado. Ao longo do curso, desenvolvi 4 projetos, sendo o segundo deles esta Calculadora de Gorjetas.
- Projeto 1: Calculadora Web — Clique para visualizar.
- Projeto 2: Calculadora de Gorjetas.
- Projeto 3: Click & Color — Clique para visualizar.
- Projeto 4: Adivinhe o Número — Clique para visualizar.
A aplicação web Calculadora de Gorjetas coloca em prática conceitos como manipulação do DOM, eventos e lógica de programação em JavaScript, permitindo calcular a gorjeta e dividir o valor final entre várias pessoas de forma dinâmica e interativa. Ficou tudo bem colorido pois estive "brincando" com algumas descobertas no CSS rs.
💡 Como funciona a calculadora?
A interface conta com duas seções principais, permitindo calcular a gorjeta e dividir o valor final entre várias pessoas de forma prática e intuitiva:
Primeira seção - Cálculo da gorjeta:
- O usuário informa o valor da conta no campo "Conta".
- Ajusta a porcentagem da gorjeta utilizando o controle deslizante.
- Imediatamente, a aplicação calcula o valor da gorjeta em reais com o valor da conta, e exibe o total atualizado.
Segunda seção - Divisão da conta:
- Escolha o número de pessoas para dividir a conta utilizando outro controle deslizante.
- O valor final por pessoa é atualizado automaticamente com base nos cálculos anteriores.
📌 Principais aprendizados com este projeto:
- Desenvolvimento de interface dinâmica e interativa que respondem às ações do usuário.
- Integração de HTML, CSS e JavaScript para criar uma experiência fluida.
- Manipulação do DOM para atualizar os valores em tempo real.
- Aplicação de conceitos fundamentais do JavaScript, como variáveis, funções, expressões, estruturas condicionais (if/else), objetos e operações matemáticas, entre outros.
🛠️ Tecnologias utilizadas
- JavaScript.
- HTML.
- CSS.
💻 Ferramentas utilizadas
- Visual Studio Code – Editor de código.
- Git – Controle de versão.
- Live Server – Extensão para testes em tempo real.
Este repositório reúne o código e os conceitos aplicados! Sinta-se à vontade para explorar o código e contribuir, deixe uma estrelinha.⭐