|
1 | | -<html> |
2 | | -<html lang="en" dir="ltr"> |
3 | | - <head> |
4 | | - <meta charset="UTF-8"/> |
5 | | - <meta http-equiv="X-UA-Compatible" content="IE=edge"/> |
6 | | - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
7 | | - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap"/> |
8 | | - <title>BMI Calculator</title> |
9 | | - <link rel="stylesheet" href="./style.css"/> |
10 | | - <script src="./script.js" defer></script> |
11 | | - </head> |
12 | | - |
13 | | - <body> |
14 | | - <div class="container"> |
15 | | - <h2>BMI Calculator</h2> |
16 | | - |
17 | | - <p class="text">Height</p> |
18 | | - <input type="text" id="h"> |
19 | | - |
20 | | - <p class="text">Weight</p> |
21 | | - <input type="text" id="w"> |
22 | | - |
23 | | - <p id="result"></p> |
24 | | - <button id="btn" onClick="BMI()">Calculate</button> |
25 | | - <p id="info">Please enter your height[cm] and weight[kg] above.</p> |
26 | | - </div> |
27 | | - </body> |
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | + <meta http-equiv="X-UA-Compatible" content="ie=edge"> |
| 7 | + <link rel="stylesheet" href="style.css"> |
| 8 | + <title>BMI Calculator</title> |
| 9 | +</head> |
| 10 | +<body> |
| 11 | + <div class="container"> |
| 12 | + <h1>BMI Calculator</h1> |
| 13 | + <form> |
| 14 | + <p><label><b>Height(cm): </b></label><input type="text" id="height"></p> |
| 15 | + <p><label><b>Weight(kg): </b></label><input type="text" id="weight"></p> |
| 16 | + <button>Calculate</button> |
| 17 | + <div id="results"></div> |
| 18 | + <div id="weight-guide"> |
| 19 | + <h3>BMI Weight Guide</h3> |
| 20 | + <p>Under Weight = Less than 18.6</p> |
| 21 | + <p>Normal Range = 18.6 and 24.9</p> |
| 22 | + <p>Overweight = Greater than 24.9</p> |
| 23 | + </div> |
| 24 | + </form> |
| 25 | + </div> |
| 26 | +</body> |
| 27 | +<script src="script.js"></script> |
28 | 28 | </html> |
0 commit comments