ยินดีต้อนรับสู้ Fit with me
<p class="has-text-align-left" id="<!DOCTYPE-html>-<html-lang="th">-<head>—–<meta-charset="UTF-8">—–<meta-name="viewport"-content="width=device-width,-initial-scale=1.0">—–<title>คำนวณค่า-BMI-และวิดีโอแนะนำสุขภาพ</title>—–<style>———body-{————-font-family:-Arial,-sans-serif;————-margin:-0;————-padding:-0;————-background-color:–f4f4f4;————-color:–333;————-line-height:-1.6;———}———.header-{————-text-align:-center;————-background:-url('cover-image.jpg')-no-repeat-center-center/cover;————-color:-white;————-padding:-100px-20px;———}———.header-h1-{————-margin:-0;————-font-size:-3em;———}———.content-{————-padding:-20px;————-max-width:-800px;————-margin:-20px-auto;————-background:–fff;————-border-radius:-10px;————-box-shadow:-0-0-10px-rgba(0,-0,-0,-0.1);———}———.bmi-calculator-{————-margin-bottom:-40px;———}———.videos-section-{————-display:-flex;————-justify-content:-space-between;————-gap:-10px;———}———.video-container-{————-flex:-1;————-background:–fff;————-border-radius:-10px;————-padding:-10px;————-box-shadow:-0-0-10px-rgba(0,-0,-0,-0.1);———}———video-{————-width:-100%;————-border-radius:-10px;————-margin-bottom:-10px;———}———h2,-h3-{————-margin-top:-0;————-color:–333;———}—–</style>-</head>-<body>——<!—หน้าปกหลัก—>—–<div-class="header">———<h1>คำนวณค่า-BMI-และคำแนะนำสุขภาพ</h1>—–</div>——<!—โค้ดคำนวณค่า-BMI—>—–<div-class="content-bmi-calculator">———<h2>คำนวณค่า-BMI-ของคุณ</h2>———<form>————-<label-for="weight">น้ำหนัก-(กิโลกรัม):</label><br>————-<input-type="number"-id="weight"-name="weight"><br><br>————-<label-for="height">ส่วนสูง-(เมตร):</label><br>————-<input-type="number"-id="height"-name="height"-step="0.01"><br><br>————-<button-type="button"-onclick="calculateBMI()">คำนวณ</button>———</form>———<p-id="result"></p>—–</div>——<!—วิดีโอแนะนำสุขภาพ—>—–<div-class="content-videos-section">———<div-class="video-container">————-<h3>คนผอม</h3>————-<video-controls>—————–<source-src="thin-video.mp4"-type="video/mp4">—————–เบราว์เซอร์ของคุณไม่รองรับการแสดงวิดีโอ————-</video>————-<p>คำแนะนำสำหรับผู้ที่มีน้ำหนักน้อยกว่ามาตรฐาน</p>———</div>———<div-class="video-container">————-<h3>คนปกติ</h3>————-<video-controls>—————–<source-src="normal-video.mp4"-type="video/mp4">—————–เบราว์เซอร์ของคุณไม่รองรับการแสดงวิดีโอ————-</video>————-<p>คำแนะนำสำหรับผู้ที่มีน้ำหนักอยู่ในเกณฑ์ปกติ</p>———</div>———<div-class="video-container">————-<h3>คนอ้วน</h3>————-<video-controls>—————–<source-src="obese-video.mp4"-type="video/mp4">—————–เบราว์เซอร์ของคุณไม่รองรับการแสดงวิดีโอ————-</video>————-<p>คำแนะนำสำหรับผู้ที่มีน้ำหนักเกินหรืออ้วน</p>———</div>—–</div>——<!—สคริปต์คำนวณค่า-BMI—>—–<script>———function-calculateBMI()-{————-var-weight-=-document.getElementById("weight").value;————-var-height-=-document.getElementById("height").value;————-if-(weight->-0-&&-height->-0)-{—————–var-bmi-=-weight-/-(height-*-height);—————–var-result-=-"ค่า-BMI-ของคุณคือ:-"-+-bmi.toFixed(2)-+-"<br>";—————–if-(bmi-<-18.5)-{———————result-+=-"คุณมีน้ำหนักน้อยกว่ามาตรฐาน";—————–}-else-if-(bmi->=-18.5-&&-bmi-<-24.9)-{———————result-+=-"คุณมีน้ำหนักอยู่ในเกณฑ์ปกติ";—————–}-else-if-(bmi->=-25-&&-bmi-<-29.9)-{———————result-+=-"คุณมีน้ำหนักเกินเกณฑ์";—————–}-else-{———————result-+=-"คุณอยู่ในภาวะอ้วน";—————–}—————–document.getElementById("result").innerHTML-=-result;————-}-else-{—————–alert("กรุณากรอกข้อมูลที่ถูกต้อง");————-}———}—–</script>——</body>-List a few of your favorite things, or use this page to describe what you do<!DOCTYPE html>
<html lang=”th”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>คำนวณค่า BMI และวิดีโอแนะนำสุขภาพ</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
line-height: 1.6;
}
.header {
text-align: center;
background: url(‘cover-image.jpg’) no-repeat center center/cover;
color: white;
padding: 100px 20px;
}
.header h1 {
margin: 0;
font-size: 3em;
}
.content {
padding: 20px;
max-width: 800px;
margin: 20px auto;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.bmi-calculator {
margin-bottom: 40px;
}
.videos-section {
display: flex;
justify-content: space-between;
gap: 10px;
}
.video-container {
flex: 1;
background: #fff;
border-radius: 10px;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
video {
width: 100%;
border-radius: 10px;
margin-bottom: 10px;
}
h2, h3 {
margin-top: 0;
color: #333;
}
</style>
</head>
<body>
<!– หน้าปกหลัก –>
<div class=”header”>
<h1>คำนวณค่า BMI และคำแนะนำสุขภาพ</h1>
</div>
<!– โค้ดคำนวณค่า BMI –>
<div class=”content bmi-calculator”>
<h2>คำนวณค่า BMI ของคุณ</h2>
<form>
<label for=”weight”>น้ำหนัก (กิโลกรัม):</label><br>
<input type=”number” id=”weight” name=”weight”><br><br>
<label for=”height”>ส่วนสูง (เมตร):</label><br>
<input type=”number” id=”height” name=”height” step=”0.01″><br><br>
<button type=”button” onclick=”calculateBMI()”>คำนวณ</button>
</form>
<p id=”result”></p>
</div>
<!– วิดีโอแนะนำสุขภาพ –>
<div class=”content videos-section”>
<div class=”video-container”>
<h3>คนผอม</h3>
<video controls>
<source src=”thin-video.mp4″ type=”video/mp4″>
เบราว์เซอร์ของคุณไม่รองรับการแสดงวิดีโอ
</video>
<p>คำแนะนำสำหรับผู้ที่มีน้ำหนักน้อยกว่ามาตรฐาน</p>
</div>
<div class=”video-container”>
<h3>คนปกติ</h3>
<video controls>
<source src=”normal-video.mp4″ type=”video/mp4″>
เบราว์เซอร์ของคุณไม่รองรับการแสดงวิดีโอ
</video>
<p>คำแนะนำสำหรับผู้ที่มีน้ำหนักอยู่ในเกณฑ์ปกติ</p>
</div>
<div class=”video-container”>
<h3>คนอ้วน</h3>
<video controls>
<source src=”obese-video.mp4″ type=”video/mp4″>
เบราว์เซอร์ของคุณไม่รองรับการแสดงวิดีโอ
</video>
<p>คำแนะนำสำหรับผู้ที่มีน้ำหนักเกินหรืออ้วน</p>
</div>
</div>
<!– สคริปต์คำนวณค่า BMI –>
<script>
function calculateBMI() {
var weight = document.getElementById(“weight”).value;
var height = document.getElementById(“height”).value;
if (weight > 0 && height > 0) {
var bmi = weight / (height * height);
var result = “ค่า BMI ของคุณคือ: ” + bmi.toFixed(2) + “<br>”;
if (bmi < 18.5) {
result += “คุณมีน้ำหนักน้อยกว่ามาตรฐาน”;
} else if (bmi >= 18.5 && bmi < 24.9) {
result += “คุณมีน้ำหนักอยู่ในเกณฑ์ปกติ”;
} else if (bmi >= 25 && bmi < 29.9) {
result += “คุณมีน้ำหนักเกินเกณฑ์”;
} else {
result += “คุณอยู่ในภาวะอ้วน”;
}
document.getElementById(“result”).innerHTML = result;
} else {
alert(“กรุณากรอกข้อมูลที่ถูกต้อง”);
}
}
</script>
</body>
</html>
Set the tone
Add a sentence or two about an idea, topic, or service you want to share with your readers.
Create contrast
Add a sentence or two about an idea, topic, or service you want to share with your readers.
ชื่อเว็บ 