-
Notifications
You must be signed in to change notification settings - Fork 1
/
script.js
131 lines (112 loc) · 4.04 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
var age = document.getElementById("age");
var height = document.getElementById("height");
var weight = document.getElementById("weight");
var male = document.getElementById("m");
var female = document.getElementById("f");
var form = document.getElementById("form");
let resultArea = document.querySelector(".comment");
/*modalContent = document.querySelector(".modal-content");
modalText = document.querySelector("#modalText");
var modal = document.getElementById("myModal");
var span = document.getElementsByClassName("close")[0];*/
function calculate(){
if(age.value=='' || height.value=='' || weight.value=='' || (male.checked==false && female.checked==false)){
modal.style.display = "block";
modalText.innerHTML = `All fields are required!`;
}else{
countBmi();
}
}
function countBmi(){
var p = [age.value, height.value, weight.value];
if(male.checked){
p.push("male");
}else if(female.checked){
p.push("female");
}
var bmi = Number(p[2])/(Number(p[1])/100*Number(p[1])/100);
var result = '';
if(bmi<18.5){
result = "kekurangan berat badan";
}else if(18.5<=bmi&&bmi<=24.9){
result = "Alhamdulillah sehat";
}else if(25<=bmi&&bmi<=29.9){
result = "memiliki berat badan berlebih";
}else if(30<=bmi&&bmi<=34.9){
result = "harus konsultasi ke dokter";
}else if(35<=bmi){
result = 'perlu ke Rumahsakit';
}
var resultb = '';
if(bmi<18.5){
resultb = "Berat Badan Kurang";
}else if(18.5<=bmi&&bmi<=24.9){
resultb = "Normal";
}else if(25<=bmi&&bmi<=29.9){
resultb = "Berat badan berlebih";
}else if(30<=bmi&&bmi<=34.9){
resultb = "Berada dalam kategori obesitas";
}else if(35<=bmi){
resultb = 'Extremely Obese';
}
var resultc = '';
if(bmi<18.5){
resultc = "Beberapa penyakit dari berat badan kurang";
}else if(18.5<=bmi&&bmi<=24.9){
resultc = "Kesehatan prima";
}else if(25<=bmi&&bmi<=29.9){
resultc = "Beberapa penyakit yang berasal dari kegemukan";
}else if(30<=bmi&&bmi<=34.9){
resultc = "Beberapa penyakit yang berasal dari kegemukan";
}else if(35<=bmi){
resultc = 'Extremely Obese';
}
var resultd = '';
if(bmi<18.5){
resultd =
"Infertilitas","Anemia","Osteoporosis","Sistem Imun Lemah";
}else if(18.5<=bmi&&bmi<=24.9){
resultd = "Terus dijaga";
}else if(25<=bmi&&bmi<=29.9){
resultd =
"Diabetes","Hipertensi","Sakit Jantung","Osteoarthritis";
}else if(30<=bmi&&bmi<=34.9){
resultd =
"Diabetes","Hipertensi","Sakit Jantung","Osteoarthritis";
}else if(35<=bmi){
resultd =
"Diabetes","Hipertensi","Sakit Jantung","Osteoarthritis";
}
resultArea.style.display = "block";
document.querySelector(".comment1").innerHTML = ` <span id="comment1">${resultb}</span>`;
document.querySelector("#result").innerHTML = bmi.toFixed(2);
document.querySelector(".comment").innerHTML = `Anda <span id="comment">${result}</span>`;
document.querySelector(".comment2").innerHTML = ` <span id="comment2">${resultc}</span>`;
document.querySelector(".comment3").innerHTML = ` <span id="comment3">${resultd}</span>`;
}
function kosong()
{
let radios =document.getElementsByName("radio");
for(i=0;i<radios.length;i++)
{
radios[i].checked = false;
}
document.getElementById("weight").value = "";
document.getElementById("age").value = "";
document.getElementById("height").value = "";
document.getElementById("result").innerHTML = "";
document.getElementsByClass("comment1").innerHTML = "";
document.getElementsByClass("comment").innerHTML = "";
document.getElementsByClass("comment2").innerHTML = "";
document.getElementsByClass("comment3").innerHTML = "";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}