bmi.js

let button = document.getElementById('btn');

button.addEventListener('click', () => {
    const height = parseInt(document.getElementById('height').value);
    const weight = parseInt(document.getElementById('weight').value);
    const result = document.getElementById('output');
    let height_status=false, weight_status=false;

    if(height === '' || isNaN(height) || (height <= 0)){
        document.getElementById('height_error').innerHTML = 'Please provide a valid height';
    }else{
        document.getElementById('height_error').innerHTML = '';
        height_status=true;
    }

    if(weight === '' || isNaN(weight) || (weight <= 0)){
        document.getElementById('weight_error').innerHTML = 'Please provide a valid weight';
    }else{
        document.getElementById('weight_error').innerHTML = '';
        weight_status=true;
    }

    if(height_status && weight_status){
        const bmi = (weight / ((height*height)/10000)).toFixed(2);
        if(bmi < 18.6){
            result.innerHTML = 'Under weight : ' + bmi;
            var mydiv = document.getElementById("output");
            var aTag = document.createElement('a');
            aTag.setAttribute('href',"Underweight.html");
            aTag.innerText = "link text";
            mydiv.appendChild(aTag);

        }else if(bmi >= 18.6 && bmi < 24.9){
            result.innerHTML = 'Normal : ' + bmi;
            var mydiv = document.getElementById("output");
            var aTag = document.createElement('a');
            aTag.setAttribute('href',"Normal.html");
            aTag.innerText = "link text";
            mydiv.appendChild(aTag);
        }else{
            result.innerHTML = 'Over weight : ' + bmi;
            var mydiv = document.getElementById("output");
            var aTag = document.createElement('a');
            aTag.setAttribute('href',"Overweight.html");
            aTag.innerText = "link text";
            mydiv.appendChild(aTag);
        }
    }else{
        alert('Invalid input');
        result.innerHTML = '';
    }
});