main.js

const form = document.getElementById('form')

function refreshPage() {
    location.reload(true);
}

form.addEventListener('submit', function(event){
    event.preventDefault();

    const weight = document.getElementById('weight').value;
    const height = document.getElementById('height').value;

    const imc = (weight / (height * height)).toFixed(2);

    const valeu_imc = document.getElementById('value')
    let description = '';

    valeu_imc.classList.add('attention');
    document.getElementById('infos').classList.remove('hidden');

    if (imc < 18.5){
        description = 'Cuidado! Você está abaixo do peso!'
    } else if (imc >= 18.5 && imc <= 25){
        description = 'Você está no peso ideal!'
        valeu_imc.classList.remove('attention')
        valeu_imc.classList.add('normal')
    } else if (imc > 25 && imc <= 30){
        description = 'Cuidado! Você está com sobrepeso!'
    } else if (imc > 30 && imc <= 35){
        description = 'Cuidado Você está com obesidade moderada!'
    } else if (imc > 35 && imc <= 40){
        description = 'Cuidado Você está com obesidade severa'
    } else {
        description = 'Cuidado Você está com obesidade morbida!'
    }

    valeu_imc.textContent = imc.replace('.' , ',');
    document.getElementById('description').textContent = description;
});