-
Project Members:
- Cody Delzer
- Collin Shakes
- Eli Dawson
- Kwame Browne
- Ty Blackwell
-
Learning Goals:
- Create DOM elements programmatically;
- Add elements to the DOM;
- Update elements using innerHTML;
- Change Properties on DOM nodes;
- Create event listeners on DOM nodes using addEventListener();
- Use at least 3 event listeners;
- Manipulate the DOM;
- Recognize JS events;
- Communicate with the server;
- Manipulate API data by array iteration;
- Use JSON Communication;
-
GitHub Repository: (https://github.com/tyblackwell/NBA-Stats)
Introduction:
These learning goals have been combined to bring you ‘NBA-Stats’. This one-page app contains an index.html, script.js, and style.css that accesses data from a public API. An image file will be created for the website tab. ‘NBA-Stats’ will allow the user to 'search' a player and see the player's stats from the current season. The information returned from the server will be displayed on a collector's style sports card. The user will be able to 'add' a player's card to a 'Personal Collection' which will display all cards inside the 'div' with an id of personal-collection.
- API Endpoints: https://rapidapi.com/api-sports/api/api-nba/