Skip to content

tauanecustodio/imc-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Calculadora de IMC com JavaScript

Calculadora que lê altura e peso do usuário e retorna o valor do IMC e sua faixa atual.

📸 Screenshot

screenshot screenshot

🛠️ Tecnologias ultilizadas

HTML CSS JAVASCRIPT

🧠 O que aprendi

Aprendi a usar no CSS:

  • !important para priorizar o estilo, sobrepondo todos os outros estilos;

Aprendi a usar no JavaScript:

  • event.preventDefault() com event como parâmetro da função para não permitir que a página seja atualizada;
  • colocar a função dentro do .addEventListener() e não precisar nomear;
  • .replace('.', ',') para trocar os pontos pela virgula em um número;
  • .classList.add, .classList.remove e .classList.toggle para manipular as classes do HTML;
  • document.getElementById('').value = "" dentro de uma função para limpar inputs;

🌐 Fontes

Video Como fazer uma calculadora de IMC RESPONSIVA com HTML, CSS e JavaScript por Larissa Kich;
Video Projeto Calculadora de IMC com JavaScript - Projeto HTML CSS e JavaScript por Matheus Battisti - Hora de Codar;

Ilustração ultilizada: Imagem de vectorjuice no Freepik.