Doctor Pang101 Live “พูดคุยการดูแลสุขภาพแบบองค์รวม ด้วยศาสตร์การแพทย์แผนไทย” วันอังคาร เวลา 11.30น.-12.30 น. ติดตามได้ทางช่อง https://www.facebook.com/benchaarokaya
วีดีโอวันที่ 10/10/2566
</aside><h3 class="widget-title">Water intake calculator</h3><aside id="%1$s" class="widget %2$s"><style>#fcp-water-intake-form {
margin: 0px;
padding: 0px;
border: solid 2px #004d99;
width: 100%;
}#fcp-water-intake-form h3 {
text-transform: uppercase;
background-color: #004d99;
padding: 2%;
color: #fff;
font-weight: bolder;
text-align: center;
margin: 0px;
}
#fcp-water-intake-form .fcp-result-string {
background-color: #004d99;
padding: 1%;
color: #fff;
font-size: 20px;
text-align: center;
margin: 0px;
}
#fcp-water-intake-form .fcp-btn {
background-color: #004d99;
color: #fff;
text-transform: uppercase;
border-radius: 4px;
font-size: 17px;
padding: 2%;
border: solid 2px #004d99;
}
</style><div id="fcp-water-intake-form" class="container">
<h3><span id="daily_Water_intake_calculator">Water Intake Calculator</span></h3>
<div class="fcp-row"><div class="form-container"><div class="row">
<div class="col">
<label for="fcp-water-intake-radio-metric">Metric
<input type="radio" id="fcp-water-intake-radio-metric"
class="form-control fcp-water-radio" name="fcp-water-intake-radio"
checked
value="metric">
</label>
<span class="fcp-error">require</span>
</div><div class="col">
<label for="fcp-water-intake-radio-imperial">Standard
<input type="radio" id="fcp-water-intake-radio-imperial"
class="form-control fcp-water-radio" name="fcp-water-intake-radio"
checked
value="imperial" >
</label>
<span class="fcp-error">require</span>
</div></div><div class="row">
<div class="col">
<label for="fcp-water-intake-age">Age</label>
<select id="fcp-water-intake-age" class="left form-control" name="fcp-water-intake-age">
<option value="14-18">14-18</option>
<option value="19-30">19-30</option>
<option value="31-50">31-50</option>
<option value="50+">50+</option>
</select>
</div>
<div class="col">
<label for="fcp-water-intake-sex">Sex</label>
<select id="fcp-water-intake-sex" class="left form-control" name="fcp-water-intake-sex">
<option value="male">Male</option>
<option value="female">Female</option>
</select>
</div>
</div>
<div class="row">
<div class="col">
<label for="fcp-water-intake-height">Height</label>
<input id="fcp-water-intake-height" pattern="[0-9]" type="text" class="left form-control"
name="fcp-water-intake-height" placeholder="">
<span id="fcp-water-intake-height-error" class="fcp-error">require</span>
</div>
<div class="col">
<label for="fcp-water-intake-weight">Weight</label>
<input id="fcp-water-intake-weight" pattern="[0-9]" type="text" class="left form-control"
name="fcp-water-intake-weight" placeholder="">
<span id="fcp-water-intake-weight-error" class="fcp-error">require</span>
</div>
</div>
<div class="row">
<div class="col">
<label for="fcp-water-intake-season">Season</label>
<select id="fcp-water-intake-season" class="left form-control" name="fcp-water-intake-season">
<option value="winter">Winter</option>
<option value="normal">Normal</option>
<option value="summer">Summer</option>
</select>
</div>
<div class="col">
<label for="fcp-water-intake-activity-level">Activity level</label>
<select id="fcp-water-intake-activity-level" class="left form-control" name="fcp-water-intake-activity-level">
<option value="lightly-active">Lightly active</option>
<option value="moderately-active">Moderately active</option>
<option value="very-active">Very Active</option>
</select>
</div>
</div>
<div class="row">
<div class="col">
</div>
<div class="col">
<button onclick="fcpCalculateWaterIntake()" class="btn btn-default fcp-btn">Calculate</button>
</div>
</div>
</div>
<p class="fcp-result-string">You should drink <span class="fcp-calculated-result">......</span> of water per day </p>
</div>
</div></aside><h3 class="widget-title">BMI calculator</h3><aside id="%1$s" class="widget %2$s"><style>
#fcp-bmi-intake-form {
margin: 0px;
padding: 0px;
border: solid 2px #004d99;
width: 100%;
}#fcp-bmi-intake-form h3 {
text-transform: uppercase;
background-color: #004d99;
padding: 2%;
color: #fff;
font-weight: bolder;
text-align: center;
margin: 0px;
}
#fcp-bmi-intake-form .fcp-result-string {
background-color: #004d99;
padding: 1%;
color: #fff;
font-size: 20px;
text-align: center;
margin: 0px;
}
#fcp-bmi-intake-form .fcp-btn {
background-color: #004d99;
color: #fff;
text-transform: uppercase;
border-radius: 4px;
border: solid 2px #004d99;
}
</style><div id="fcp-bmi-intake-form" class="container">
<h3>BMI calculator</h3>
<div class="fcp-row"><div class="form-container"><div class="row">
<div class="col">
<label for="fcp-bmi-intake-radio-metric">Metric
<input type="radio" id="fcp-bmi-intake-radio-metric"
class="form-control fcp-bmi-radio" name="fcp-bmi-intake-radio"
checked
value="metric">
</label>
<span class="fcp-error">require</span>
</div><div class="col">
<label for="fcp-bmi-intake-radio-imperial">Standard
<input type="radio" id="fcp-bmi-intake-radio-imperial"
class="form-control fcp-bmi-radio" name="fcp-bmi-intake-radio"
checked
value="imperial" >
</label>
<span class="fcp-error">require</span>
</div></div><div class="row">
<div class="col">
<label class="fcp-bmi-intake-height" for="fcp-bmi-intake-height">Height</label>
<input id="fcp-bmi-intake-height" pattern="[0-9]" type="text" class="left form-control" id="fcp-bmi-intake-height" name="fcp-bmi-intake-height" />
<span id="fcp-bmi-intake-height-error" class="fcp-error">require</span>
</div>
<div class="col">
<label for="fcp-bmi-intake-weight">Weight</label>
<input id="fcp-bmi-intake-weight" pattern="[0-9]" type="text" class="left form-control" id="fcp-bmi-intake-weight" name="fcp-bmi-intake-weight" />
<span id="fcp-bmi-intake-weight-error" class="fcp-error">require</span>
</div>
</div>
<tr style="text-align: center;"><td colspan="2"><button onclick="fcpCalculatebmiIntake()" class="btn btn-default fcp-btn">Calculate</button></div></div>
<p class="fcp-result-string"> Your BMI is<span class=fcp-bmi-calculated-result>......</span></p>
<div id="bmiClassList">
<table id="bmiResultTable" class="hide_result w-100">
<tbody>
<tr>
<th>BMI</th><th>Classification</th>
</tr>
<tr>
<td>less than 18.5:</td>
<td>Underweight</td>
</tr>
<tr>
<tr class="bmiGreen">
<td>18.5 - 24.9:</td><td>Normal weight</td>
</tr>
<tr>
<td>25 - 29.9:</td><td>Overweight</td>
</tr>
<tr>
<td>30 - 34.9:</td><td>Class I Obese</td>
</tr>
<tr class="">
<td>35 - 39.9:</td><td>Class II Obese</td>
</tr>
<tr>
<td>40 upwards:</td><td>Class III Obese</td>
</tr>
</tbody></table>
</div>
</div>
</div></aside>
