Pokemon

From ProgZoo
Revision as of 19:09, 16 August 2022 by Andr3w (talk | contribs)
Jump to navigation Jump to search

You can use the api provided by https://pokeapi.co/ to provide data for this appication.

Create a new folder with two files:

index.html

 <!DOCTYPE html>
 <html>
    <head>
        <script src="pokemon.js" defer></script>
    </head>
    <body>
        <h1>Welcome to the Pokemon App</h1>
        <div id="detail"></div>
    </body>
 </html>

pokemon.js

document.body.onload = async ()=>{
   let resp = await fetch("https://pokeapi.co/api/v2/pokemon/?limit=30");
   let data = await resp.json();
   document.getElementById('detail').innerHTML = data;
}