-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
49 lines (42 loc) · 1.27 KB
/
script.js
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
const submitButton = document.getElementById("submit");
submitButton.addEventListener("click", calculateBMI);
function calculateBMI() {
const heightInput = document.getElementById("height");
const height = parseInt(heightInput.value);
if (isNaN(height)) {
return displayError("Invalid height input");
}
const weightInput = document.getElementById("weight");
const weight = parseFloat(weightInput.value);
if (isNaN(weight)) {
return displayError("Invalid weight input");
}
const newHeight = height / 100;
const bmi = weight / (newHeight * newHeight);
const roundedBMI = bmi.toFixed(1);
const bmiResult = `BMI: ${roundedBMI}`;
displayResult(bmiResult, getBMIColor(bmi));
}
function displayError(message) {
const resultElement = document.getElementById("result");
resultElement.innerHTML = message;
resultElement.style.color = "red";
}
function displayResult(message, color) {
const resultElement = document.getElementById("result");
resultElement.innerHTML = message;
resultElement.style.color = color;
}
function getBMIColor(bmi) {
if (bmi <= 18.5) {
return "blue";
} else if (bmi <= 24.9) {
return "green";
} else if (bmi <= 29.9) {
return "yellow";
} else if (bmi <= 40) {
return "orange";
} else {
return "red";
}
}