forked from 0xvashishth/CalcHub
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (99 loc) · 3.2 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:display=swap" rel="stylesheet">
<link rel="stylesheet" href="index.css">
<script src="index.js" type="text/javascript"></script>
</head>
<body>
<h1 align="center">DAILY WATER INTAKE CALCULATOR</h1>
<br>
<br>
<p><div align="justify" class="breakword">This calculator helps you determine approximately the amount of water you must drink each day to avoid dehydration. Remember, this is only an estimate. The actual amount one needs depends on many factors like exercise, illness and fluid content in dietary intake. Pregnant and breast feeding women need to drink additional fluids to stay hydrated.</div> </p>
<div class="calculator-table-form" id="gendercolor">
<br>
<br>
<form name="infant">
<center>
<table cellpadding="0" cellspacing="0" class="tv12black">
<tr class="table-head">
<td colspan="2"> Select Your Details Here</td>
</tr>
<tr>
<td>
Weight <span class="mandatory-star">*</span>
</td>
<td>
<input size="10" type="text" name="pounds" maxlength="3" value="70" />
<select size="1" name="selpounds">
<option value="kg" selected="selected">kg</option>
<option value="lb">lb (Pound)</option>
</select>
</td>
</tr>
<tr>
<td> Age <span class="mandatory-star">*</span></td>
<td>
<select size="1" name="age">
<option value="40">less than 30</option>
<option value="35">30 to 55</option>
<option value="30">older than 55</option>
</select>
</td>
</tr>
<tr>
<td> Activity <span class="mandatory-star">*</span></td>
<td>
<select size="1" name="activity">
<option value=".5">Sedentary</option>
<option value=".56">Light Activity</option>
<option value=".62">Moderately Active </option>
<option value=".68">Very Active</option>
<option value=".75">Extremely Active</option>
</select>
</td>
</tr>
<tr>
<td> Climate <span class="mandatory-star">*</span></td>
<td>
<select size="1" name="climate">
<option value="16">Tropical</option>
<option value="0">Temperate</option>
<option value="8">Cold</option>
</select>
</td>
</tr>
<tr>
<td colspan="2"> <span class="required">* Required</span>
<input type="button" value="Calculate" name="B1" class="flat-btn" onClick="validation()">
</td>
</tr>
</table>
</form>
</div>
<br>
<br>
<div class="calcresult">
<table cellpadding="0" cellspacing="0" class="tv12black">
<tr class="table-head">
<td colspan="2"> Find Your Results Here</td>
</tr>
<tr>
<td class="res">
<p class="result" id="result"></p>
</td>
<td class="calcnote">
<p class="note" id="notes"></p>
</td>
</tr>
</table>
</div>
</body>
</html>