-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (56 loc) · 2.31 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/style.css" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- menghubungkan font roboto -->
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<!-- menghubungkan font tiny5 -->
<link href="https://fonts.googleapis.com/css2?family=Tiny5&display=swap" rel="stylesheet">
<!-- Fonts -->
<title>BMI Calculator</title>
</head>
<!-- Start Isi Konten -->
<body>
<div class="container">
<h1 class="tiny">BMI Calculator</h1>
<p>
This calculator should only be used by adults (<B>pregnant or breastfeeding women should not rely on this BMI reading</B>) and no action should be taken based on its values other than consulting a qualified person such as a doctor.
</p>
<p>
The calculator will give you an idea of how your weight compares to the general value. Body mass index (or BMI) is calculated as your weight (in kilograms) divided by your height (in meters) or <B>BMI = Kg/M².</B>
</p>
<!-- start input form -->
<form id="bmiForm">
<!-- start pemilihan gender -->
<label for="gender">Gender</label>
<select id="gender" name="gender" required>
<option value="" disabled selected>Choose Gender</option>
<option value="Man">Man</option>
<option value="Woman">Woman</option>
</select>
<!-- end pemilihan gender -->
<!-- start input data BMI -->
<label for="weight">Weight (kg)</label>
<input type="number" id="weight" name="weight" min="1" required />
<label for="height">Height (cm)</label>
<input type="number" id="height" name="height" min="1" required />
<!-- end input data BMI -->
<!-- tombol submit dan reset -->
<div class="button-group">
<button class="tiny" type="submit">Calculate BMI</button>
<button class="tiny" type="reset" id="resetButton">Reset</button>
</div>
</form>
<!-- end input form -->
<div id="result"></div>
</div>
<!-- Menghubungkan javascript -->
<script src="js/script.js"></script>
</body>
<!-- End Isi Konten -->
</html>