From 613ff819881bdd4520eff9298d240021497aee58 Mon Sep 17 00:00:00 2001
From: KubMakCZ <skrabanek@odbornaskola.cz>
Date: Fri, 25 Apr 2025 10:25:26 +0200
Subject: [PATCH] add 13.5 ajax

---
 13.5_ajax/index.html | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 13.5_ajax/index.html
diff --git a/13.5_ajax/index.html b/13.5_ajax/index.html
new file mode 100644
index 0000000..cdc0d03
--- /dev/null
+++ b/13.5_ajax/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>    
+    <input type="text" id="pokemonName">
+    <button onclick="fetchData()">Fetch Pokemon</button>
+
+    <img src="" alt="Pokemon Sprite" id="pokemonSprite" style="display: none;">
+
+    <script>
+
+        var pokejson
+        const imgElement = document.getElementById("pokemonSprite")
+
+        function fetchData() {
+            const pokemonName = document.getElementById("pokemonName").value.toLowerCase();
+            const ajax = new XMLHttpRequest;
+            const url = `https://pokeapi.co/api/v2/pokemon/${pokemonName}`;
+            console.log(url);
+            ajax.open("GET",url,true)
+            ajax.onreadystatechange = function() {
+                if(this.status === 200 && this.readyState === 4){
+                    pokejson = JSON.parse(this.responseText);
+                    console.log(pokejson)
+                    //const pokeSprite = pokejson.sprites.front_default;
+                    //const pokeSprite = pokejson.sprites.other.official-artwork.front.default;
+                    const pokeSprite = pokejson.sprites.other["official-artwork"].front_default;
+                    imgElement.src = pokeSprite
+                    imgElement.style.display = "block"
+                }
+            }
+            ajax.send()
+        }
+
+    </script>
+</body>
+</html>
\ No newline at end of file
