https://github.com/deepak-gupta21/javascript-q1
Displaying the points of IPL Season 2022. The data is provided in this API endpoint:
https://github.com/deepak-gupta21/javascript-q1
css html javascript json-api
Last synced: 4 months ago
JSON representation
Displaying the points of IPL Season 2022. The data is provided in this API endpoint:
- Host: GitHub
- URL: https://github.com/deepak-gupta21/javascript-q1
- Owner: Deepak-gupta21
- Created: 2023-04-27T14:28:50.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-04-27T14:46:08.000Z (over 2 years ago)
- Last Synced: 2025-03-28T19:46:28.189Z (9 months ago)
- Topics: css, html, javascript, json-api
- Language: JavaScript
- Homepage: https://deepak-gupta21.github.io/Javascript-Q1/
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Question:-
# IPL Points Table (with fetch)
Your task is to create a table for displaying the points of IPL Season 2022.
The data is provided in this API endpoint: https://my-json-server.typicode.com/FreSauce/json-ipl/data.
Use a script to fetch the data from the given API endpoint. Sort the data fetched in ascending order based on the NRR value of each team. Display the sorted data in the table.
The table should have 8 columns and 11 rows (10 + 1, including the header row).
Use the thead and tbody to distinguish between the header rows and body rows. And use th for header cells.
The table should also have some CSS formatting.
The header cells should have a background color of #00008b and text color of #ffffff.
Inside the table body, the first column cells should have a background color of #f2f2f2.
Inside the table body, the last column cells should have a background color of #d1d1d1.
Inside the table body, all the cells td should have solid border of width 1px and color #dddddd