EXERCISE 4 : Async & Await
4.1 ให้แก้ไขฟังก์ชั่น getAllUser() โดยมีขั้นตอนดังนี้ โดยใช้async หรือ await
- - ให้ใช้ Try Catch ในการดัก rejected Promise (💡 Hint)
- - เรียกใช้ฟังก์ชัน
ApiDelay() - - หากเรียกฟังก์ชันสำเร็จให้ (status: 200) ให้นำ message แสดงในกล่องข้อความ
- - หากเรียกฟังก์ชันไม่สำเร็จ (message: "SERVER ERROR") ให้นำ message แสดงในกล่องข้อความ
ตัวอย่างของการแสดงผล
😊
พี่ TA
-
ใจดีที่สุด 😊
4.2 ให้นักศึกษาทำระบบยันยันตัวตน (ให้นำข้อ 3.3 ใน EXERCISE 3 : Promise มาประยุกต์ต่อ) โดยมีขั้นตอนดังนี้
checkAuth() โดยให้กรอกรหัสผ่าน
(กำหนดรหัสผ่านเป็น : In4matioN) เพื่อยืนยันตัวตนFunction fetchData() ให้ alert() แจ้งเตือนว่า "รหัสผ่านถูกต้อง" แล้วแสดงภาพดังตัวอย่างalert() แจ้งเตือนว่า "รหัสผ่านไม่ถูกต้อง กรุณาลองอีกครั้ง"หมายเหตุ 1 : ในข้อนี้ให้ทำการประยุกต์ใช้ async/await
หมายเหตุ 2 : ให้ใช้ฟังก์ชั่น fetch() ในการดึงรูปภาพจาก api มาแสดง Link สำหรับอ่าน
หมายเหตุ 3 : ให้ใช้ API นี้ในการดึงข้อมูลมาแสดงผล https://api.thecatapi.com/v1/images/search
ตัวอย่างของการแสดงผล
