implementing the functions with javascript

Football Player Information Page loadPlayersPage method: parameters: none purpose: This method will populate the dropdown menu to allow the user to select which player's information to view. To handle this, you will need to iterate through the players array and do the following for each player: 1. Create an anchor tag 2. Set the href to"#", this will make sure the 3. Set the onclick to call switchPlayers method 4. Set the anchor tag's text to the player's name. anchor tag doesn't change pages (this will need to pass in the index inside the players array) After setting all of the anchor tags, update the innerHTML of the dropdown menu. As a note, the id for the dropdown menu is player_selector. switchPlayers (playerNum) method: parameters: playerNum The index of the football player in the players array. purpose: This method will update the the spans on the player's information pagex and calculate the average passing, rushing, and receiving yards. Span ids: the player's year in college - the player's major in college - the number of games played for Buffs p_year pmajor g_played player_img the player's photo (must set src and alt p_y r_yardsthe number of rushing yards rec yardsthe number of receiving yards ards - the number of passing yards Calculated values: ards - the average number of passing yards for the player's Buff career avg_p_ avg_r_yards the average number of rushing yards for the player's Buff career avg_rec_yards -the average number of receiving yards for the player's Buff career Football Player Information Page loadPlayersPage method: parameters: none purpose: This method will populate the dropdown menu to allow the user to select which player's information to view. To handle this, you will need to iterate through the players array and do the following for each player: 1. Create an anchor tag 2. Set the href to"#", this will make sure the 3. Set the onclick to call switchPlayers method 4. Set the anchor tag's text to the player's name. anchor tag doesn't change pages (this will need to pass in the index inside the players array) After setting all of the anchor tags, update the innerHTML of the dropdown menu. As a note, the id for the dropdown menu is player_selector. switchPlayers (playerNum) method: parameters: playerNum The index of the football player in the players array. purpose: This method will update the the spans on the player's information pagex and calculate the average passing, rushing, and receiving yards. Span ids: the player's year in college - the player's major in college - the number of games played for Buffs p_year pmajor g_played player_img the player's photo (must set src and alt p_y r_yardsthe number of rushing yards rec yardsthe number of receiving yards ards - the number of passing yards Calculated values: ards - the average number of passing yards for the player's Buff career avg_p_ avg_r_yards the average number of rushing yards for the player's Buff career avg_rec_yards -the average number of receiving yards for the player's Buff career