let btn = document.getElementById('btn');
let bmi = document.getElementsByClassName('bmiStatus')

btn.addEventListener('click', function(){
    const w = 703;
    const inches =12;

    let weight = document.getElementById('weight-input').value;
    let ft = document.getElementById('ft-input').value;
    let ins = document.getElementById('in-input').value;


    let convertFT = ft * inches;
    console.log(convertFT);
    console.log(ins);
    let totalHeight = convertFT + parseFloat(ins)
    console.log(totalHeight);


    let result =  (weight / totalHeight / totalHeight  * w).toFixed(1);


    document.getElementById('bmi-output').value = result;

    if( result < 18.5 ){

        document.querySelector('.bmiStatus').innerHTML = "◦•●◉✿ 𝙐𝙣𝙙𝙚𝙧𝙒𝙚𝙞𝙜𝙩𝙝 ✿◉●•◦"
        document.querySelector('.bmiStatus').style.color = "red"
    }else if( result >= 18.5 && result <= 24.9){

        document.querySelector('.bmiStatus').innerHTML = "◦•●◉✿ 𝙃𝙚𝙖𝙩𝙝𝙡𝙮 ✿◉●•◦"
        document.querySelector('.bmiStatus').style.color = "green"
    } else if( result >= 25.0 && result <= 29.9){
        document.querySelector('.bmiStatus').innerHTML = "◦•●◉✿ 𝙊𝙫𝙚𝙧𝙬𝙚𝙞𝙜𝙝𝙩 ✿◉●•◦"
        document.querySelector('.bmiStatus').style.color = "red"

    }else{

        document.querySelector('.bmiStatus').innerHTML = "◦•●◉✿ 𝙊𝙗𝙚𝙨𝙚 ✿◉●•◦"
        document.querySelector('.bmiStatus').style.color = "red"

    }


})