สร้างหน้าศูนย์รวมการแข่งขัน

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

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

หน้านี้ควร:

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

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

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

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

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

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

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

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

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

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