BMI-Generater/script.js at main · CodingGoat8/BMI-Generater · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57


const form = document.querySelector('form');

form.addEventListener( 'submit', function(e){

    e.preventDefault();

const height = (document.querySelector('#height').value);
const weight = (document.querySelector('#weight').value);
const result = document.querySelector('#result');

if( height === '' || height < 0 || isNaN(height)){
    result.innerHTML = ` Please enter a valid HEIGHT ${height}`
    result.style.color = 'red' ;
}

else if( weight === ''  || weight < 0 || isNaN(weight)){
    result.innerHTML = ` Please enter a valid WEIGHT ${height}`
    result.style.color = 'red' ;
}

else{
    const bmi = (weight / ((height * height) / 10000)).toFixed(2);
    result.innerHTML = `<span> ${bmi} </span>`;
    result.style.color = 'green';


}

});