Skip to content

Commit d3741b3

Browse files
tajulafreentajulafreen
committed
Add table and calculator container
1 parent b2e1cd6 commit d3741b3

File tree

1 file changed

+48
-9
lines changed

1 file changed

+48
-9
lines changed

‎Source-Code/BMICalculator/index.html‎

Lines changed: 48 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,52 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>BMI Calculator</title>
7-
<link rel="stylesheet" type="text/css" href="style.css"> <!-- link to CSS stylesheet -->
8-
</head>
9-
<body>
10-
7+
<link rel="stylesheet" type="text/css" href="style.css" />
8+
<!-- link to CSS stylesheet -->
9+
</head>
10+
<body>
11+
<div class="container">
12+
<div class="bmi">
13+
<h2>Body Mass Index Calculator</h2>
14+
<p class="text">Height in cm</p>
15+
<input type="text" id="height" />
16+
<p class="text">Weight in kg</p>
17+
<input type="text" id="weight" />
18+
<p id="result"></p>
19+
<button id="btn">Calculate</button>
20+
</div>
21+
<div class="chart">
22+
<table>
23+
<thead>
24+
<tr>
25+
<th>BMI</th>
26+
<th>Category</th>
27+
</tr>
28+
</thead>
29+
<tbody>
30+
<tr>
31+
<td data-column="bmi">less than 18.5</td>
32+
<td data-column="category">Underweight</td>
33+
</tr>
34+
<tr>
35+
<td data-column="bmi">between 18.5 and 24.9</td>
36+
<td data-column="category">Ideal</td>
37+
</tr>
38+
<tr>
39+
<td data-column="bmi">between 25 and 29.9</td>
40+
<td data-column="category">Overweight</td>
41+
</tr>
42+
<tr>
43+
<td data-column="bmi">over 30</td>
44+
<td data-column="category">Obesity</td>
45+
</tr>
46+
</tbody>
47+
</table>
48+
</div>
49+
</div>
1150
<script src="script.js"></script>
12-
</body>
13-
</html>
51+
</body>
52+
</html>

0 commit comments

Comments
 (0)