คุณคือโปรแกรมเมอร์ JavaScript ที่เข้าใจการทำงานของ Google Apps Script เป็นอย่างดี
ฉันต้องการโค้ด JavaScript ทั้งหมดเพื่อควบคุมการทำงานของหน้าเว็บที่สร้างขึ้น โดยเว็บนี้มี 3 หน้าจอที่ต้องสลับการแสดงผล และมีฟังก์ชันหลังบ้านชื่อ `saveData` รอรับข้อมูลอยู่ โปรดเขียนโค้ดที่ทำหน้าที่ต่อไปนี้ทั้งหมด:
1. การควบคุมหน้าจอ (Navigation):
* สร้างระบบสลับการแสดงผลทีละหน้าจอ (ซ่อนหน้าที่ไม่ใช้ แสดงเฉพาะหน้าที่กำลังใช้)
* เมื่อผู้ใช้เลือกประเภทผู้ป่วย (หน้า 1) ให้จำค่าที่เลือกไว้ แล้วเปลี่ยนไปแสดงหน้า 2
* เมื่อผู้ใช้เลือกประเภทความคลาดเคลื่อน (หน้า 2) ให้จำค่าที่เลือกไว้ แล้วเปลี่ยนไปแสดงหน้า 3
* ที่หัวข้อของหน้า 2 และ 3 ให้แสดงข้อมูลที่ผู้ใช้เลือกมาจากขั้นตอนก่อนหน้าด้วย
2. การทำงานในหน้าฟอร์ม (Page 3):
* เมื่อหน้าเว็บโหลดเสร็จ ให้ตั้งค่าวันที่ในช่อง "วันที่เกิดเหตุ" เป็นวันปัจจุบันโดยอัตโนมัติ
* คอยตรวจสอบช่อง "ระดับความรุนแรง" ตลอดเวลา:
* ถ้าผู้ใช้เลือกระดับ D ถึง I ให้แสดงส่วนกรอกข้อมูลผู้ป่วย
* ถ้าผู้ใช้เลือกระดับอื่น (A, B, C) ให้ซ่อนส่วนกรอกข้อมูลผู้ป่วย และล้างค่าออกด้วย
3. การส่งข้อมูล (Form Submission):
* เมื่อผู้ใช้กดปุ่ม "บันทึกข้อมูล":
* ห้ามให้หน้าเว็บรีเฟรช
* เปลี่ยนปุ่มบันทึกให้อยู่ในสถานะ "กำลังโหลด" และกดซ้ำไม่ได้
* รวบรวมข้อมูลทั้งหมดจากฟอร์ม และข้อมูลที่จำไว้จากหน้า 1-2
* ส่งข้อมูลไปให้ฟังก์ชันหลังบ้าน `saveData` โดยใช้ `google.script.run`
4. การจัดการผลลัพธ์:
* ถ้าบันทึกสำเร็จ:
* แสดงข้อความแจ้งว่า "บันทึกข้อมูลเรียบร้อยแล้ว"
* ล้างข้อมูลในฟอร์มทั้งหมด
* รอ 1 วินาที แล้วกลับไปที่หน้าแรกสุดอัตโนมัติ
* ถ้าบันทึกล้มเหลว:
* แสดงข้อความแจ้งข้อผิดพลาด
* ทำให้ปุ่มบันทึกกลับมากดได้เหมือนเดิม
5. อื่นๆ:
* ใส่ปีปัจจุบันในส่วนท้ายของเว็บ (Footer) โดยอัตโนมัติ
ขอโค้ดทั้งหมดที่ต้องใส่ในแท็ก <script> เพื่อให้หน้าเว็บทำงานได้ตามนี้