Question: User Interface You are required to use the appropriate HTML and CSS to achieve the following design for the application. It is a single page

 User Interface You are required to use the appropriate HTML andCSS to achieve the following design for the application. It is asingle page application with a navbar, a master-detail view. When a link

User Interface You are required to use the appropriate HTML and CSS to achieve the following design for the application. It is a single page application with a navbar, a master-detail view. When a link is clicked on the left the corresponding details are shown on the right. Poke Dextr Listing

dugtrio meowth persian psyduck golduck mankey primeape growlithe arcanine poliwag poliwhirl poliwrath persian #53 Type: normal Weight: 320 Height: 10 abra from test case #6. The text content of the link should be "dugtrio". 10 Should send an http request for a pokemon's details when its corresponding link is clicked. When the #dugtrio link is clicked getPokemonDetail('dugtrio") function is called that makes an HTTP get request to "https://pokeapi.co/api/v2/pokemon/dugtrio' then sends the data to displayPokemon Detail() function displayPokemonDetail() should receive pokemon data and render inside an element with the id 'result'. Inside that element, the correct pokemon name, id#, weight, height and type1 should be displayed 11 Should show pokemon's image, id, types, weight and height in an element with the id "result" on link click User Interface You are required to use the appropriate HTML and CSS to achieve the following design for the application. It is a single page application with a navbar, a master-detail view. When a link is clicked on the left the corresponding details are shown on the right. Poke Dextr Listing
dugtrio meowth persian psyduck golduck mankey primeape growlithe arcanine poliwag poliwhirl poliwrath persian #53 Type: normal Weight: 320 Height: 10 abra from test case #6. The text content of the link should be "dugtrio". 10 Should send an http request for a pokemon's details when its corresponding link is clicked. When the #dugtrio link is clicked getPokemonDetail('dugtrio") function is called that makes an HTTP get request to "https://pokeapi.co/api/v2/pokemon/dugtrio' then sends the data to displayPokemon Detail() function displayPokemonDetail() should receive pokemon data and render inside an element with the id 'result'. Inside that element, the correct pokemon name, id#, weight, height and type1 should be displayed 11 Should show pokemon's image, id, types, weight and height in an element with the id "result" on link click

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!