สร้างหน้า Match Hub

ก่อนเริ่ม ให้อ่านข้อกำหนด LeagueRepublic JSON API ที่ https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md ใช้เฉพาะบริการ เว็บแอดเดรส และชื่อฟิลด์ที่ระบุไว้ในนั้นเท่านั้น และปฏิบัติตามกฎเรื่องขีดจำกัดการเรียกใช้ ค่าว่าง ข้อผิดพลาด และความหมายของ "road" ที่แปลว่าทีมเยือน หากคุณเปิดที่อยู่นั้นไม่ได้ ให้หยุดและขอให้ฉันวางข้อกำหนดให้

สร้างหน้าเว็บเดียว (ไฟล์ HTML หนึ่งไฟล์ที่ฉันเปิดในเบราว์เซอร์ได้) ที่แสดง Match Hub ของลีกของฉัน โดยใช้บริการ Get Match Hub รหัสฤดูกาลของฉันคือ [MY-SEASON-ID]

หน้าเว็บควร:

1. แสดงแถบวันแข่งขันที่คลิกได้ไว้ด้านบน รวมถึงรายการ "รอยืนยัน" แต่ละวันแสดงจำนวนผลการแข่งขันและจำนวนนัดที่ต้องแข่ง คลิกที่วันใดก็จะโหลดวันนั้น เมื่อเปิดหน้าขึ้นมา ให้เลื่อนแถบเพื่อให้เห็นวันที่กำลังแสดงอยู่

2. ให้ฉันสลับระหว่างฤดูกาลได้

3. แสดงนัดการแข่งขันของวันนั้นโดยจัดกลุ่มไว้ใต้ชื่อดิวิชันหรือชื่อรอบของถ้วยแต่ละรายการ

4. สำหรับแต่ละนัด ให้แสดงทีมเหย้า สกอร์ และทีมเยือน หากนัดนั้นยังไม่เริ่ม ให้แสดงเวลาเริ่มแข่งแทน ติดป้ายสกอร์สดว่า "สด" และผลการแข่งขันที่ลีกยังไม่อนุมัติว่า "ชั่วคราว" หากนัดถูกเลื่อน ให้แสดงข้อความนั้นแทนเวลา หากวันแข่งขันผ่านไปแล้วแต่ยังไม่มีผลการแข่งขัน ให้แสดง "รอผลการแข่งขัน" แทนเวลา

5. แสดงรายละเอียดสกอร์เพิ่มเติม เช่น ครึ่งแรกหรือการดวลจุดโทษ ด้วยตัวอักษรขนาดเล็ก อย่าแสดงรอบของถ้วยซ้ำใต้นัดการแข่งขัน หากมีอยู่ในชื่อกลุ่มแล้ว

6. ใต้แต่ละดิวิชัน ให้แสดงตารางคะแนนลีกของดิวิชันนั้น ได้แก่ อันดับ ทีม แข่ง ชนะ เสมอ แพ้ ผลต่าง คะแนน และฟอร์มล่าสุด

7. หากนัดการแข่งขันมีเกมย่อยรายบุคคล (ปาเป้า พูล) หรือสกอร์รายอินนิงหรือรายควอเตอร์ ให้แสดงในส่วนที่ฉันเปิดและปิดได้

8. บันทึกข้อมูลของแต่ละวันหลังจากโหลดแล้ว และอย่าขอข้อมูลของวันเดิมซ้ำภายในหนึ่งนาที

ออกแบบให้เรียบร้อยและอ่านง่ายบนโทรศัพท์ อธิบายเป็นขั้นตอนง่าย ๆ ว่าต้องเปิดและใช้ไฟล์อย่างไร ถามฉันหากมีส่วนใดไม่ชัดเจน

ดีไซน์: [อธิบายหน้าตาที่คุณต้องการ หรือแนบภาพหน้าจอ]