Fantasy Football!!!
- Create a repository for My_Roster.
- Create an index.html file.
- Create an app.js file.
- Create a site.css file.
- Link the scripts in index.html
- Link bootstrap in index.html
- Link jQuery in index.html
- Add a panel with a header that says "My NFL Roster"
- Wrap the panel in a div with the class "container".
- Inside the body, create 2 child divs, one with the class "player-roster" and one with the class "player-form"
- Inside the player-roster div, add another dive with the class "player-card"
- Set the player-card class to "display:inline-block" and add a "1px solid black" border
- Add an image to the player card with the src = "https://s.nflcdn.com/static/content/public/image/fantasy/transparent/200x200/"
- display the player's name
- display the player's position
- display the player's number
-
Create a from inside the "player-form" div
-
Add an input field for Player Name, Position, and Number
-
When the add button is pressed, it should automatically add a player to the Roster.
-
Create a constructor for Player that accepts 3 arguments, Name, Position, Number.
-
When the Add button is pressed, a new player is created and added to the Players array.
-
Use JQuery to target the "player-roster" div, and append the player.
-
As a FAN of sports, I would like a dynamic roster where I can add/remove players from the list. So that I can visualize my sports team.
-
I would like a form so that I can add a player to my roster easily.
- The form should have the following fields
- Player Name
- Player Position
- Player Number
- I would like the players added to show up in the roster section after being added.