Calculadora de IMC

1093 t.heymao

Abrir no Editor Video Publique Seu Código

Recomendado

25 November 2024

Site responsivo de dados de alunos

23 August 2025

Página de login HTML CSS com design de impressão digital

22 August 2025

Comentário de espaço reservado para código HTML

HTML

CSS

JS

const form = document.getElementById("bmiForm");
const resultDiv = document.getElementById("result");

form.addEventListener("submit", function (e) {
  e.preventDefault();

const weight = parseFloat(document.getElementById("weight").value);
  const height = parseFloat(document.getElementById("height").value) / 100; // Conversion en mètres

if (weight > 0 && height > 0) {
    const bmi = calculateBMI(weight, height);
    displayResult(bmi);
  } else {
    showError("Veuillez entrer des valeurs valides");
  }
});

function calculateBMI(weight, height) {
  return weight / (height * height);
}

function displayResult(bmi) {
  let category = "";
  let className = "";

if (bmi < 18.5) {
    category = "Insuffisance pondérale";
    className = "warning";
  } else if (bmi < 25) {
    category = "Poids normal";
    className = "normal";
  } else if (bmi < 30) {
    category = "Surpoids";
    className = "warning";
  } else {
    category = "Obésité";
    className = "danger";
  }

resultDiv.innerHTML = `
                Votre IMC: ${bmi.toFixed(1)}<br>
                Catégorie: ${category}
            `;
  resultDiv.className = className;
  resultDiv.style.display = "block";
}

function showError(message) {
  resultDiv.innerHTML = message;
  resultDiv.className = "danger";
  resultDiv.style.display = "block";
}

Recomendado

Site responsivo de dados de alunos

Página de login HTML CSS com design de impressão digital

Comentário de espaço reservado para código HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS