Facebook
From qsd, 2 Weeks ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 100
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" c initial-scale=1.0">
  6.     <title>Document</title>
  7. </head>
  8. <style>
  9.     body{
  10.         background-color: black;
  11.         margin-top: 300px;
  12.     }
  13.     img{
  14.         display: block;
  15.         margin: auto;
  16.         width: 250px;
  17.         height: 250px;
  18.     }
  19.     p{
  20.         text-align: center;
  21.         color: white;
  22.         font-family: 'Courier New', Courier, monospace;
  23.         font-weight: 600;
  24.         margin-top: -15px;
  25.         letter-spacing: 1px;
  26.     }
  27.     @keyframes jump {
  28.     0% {
  29.       transform: translateY(0);
  30.     }
  31.     50% {
  32.       transform: translateY(-20px);
  33.     }
  34.     100% {
  35.       transform: translateY(0);
  36.     }
  37.   }
  38.  
  39.   #tarolo{
  40.     font-size: 24px;
  41.     animation: jump 1s infinite;
  42.   }
  43. </style>
  44. <body>
  45.     [removed]
  46.         szam = Math.floor(Math.random() * 200);
  47.         const api_url = "https://pokeapi.co/api/v2/pokemon/"+szam;
  48.         async function getPoke(){
  49.             const response = await fetch(api_url)
  50.             const data = await response.json()
  51.             console.log(data)
  52.             json_pict = JSON.stringify(data)
  53.             json_pict = JSON.parse(json_pict)
  54.             var getImage = document.createElement("img")
  55.             getImage.src = json_pict.sprites.front_shiny
  56.             document.getElementById('tarolo').appendChild(getImage);
  57.             document.getElementById("nev")[removed]="Name: "+data.name.toUpperCase()
  58.             document.getElementById("suly")[removed]="Weight: " + data.weight + " kg"
  59.             document.getElementById("exp")[removed]="Base experience: " + data.base_experience
  60.             document.getElementById("magassag")[removed]="Height: " + data.height + " cm"
  61.         }
  62.         getPoke()
  63.     [removed]
  64.     <div id="tarolo"></div>
  65.     <p id="nev"></p>
  66.     <p id="suly"></p>
  67.     <p id="exp"></p>
  68.     <p id="magassag"></p>
  69. </body>
  70. </html>