week-12 done

hol23003 · Apr 15, 2024 · e00cfe0 · e00cfe0
1 parent fb81c12
commit e00cfe0
Show file tree

Hide file tree

Showing 3 changed files with 47,263 additions and 1 deletion.
diff --git a/json-demo/index.html b/json-demo/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>JSON Demo</title>
+</head>
+<body>
+    <section id="pokemon">
+
+    </section>
+
+
+    <script>
+        let pokemonSection = document.querySelector("#pokemon");
+
+        fetch("pokedex_raw_array.json").then(response => {
+            return response.json();
+        }).then(pokemon => {
+
+            // array of pokemon objects
+            for(let i = 0; i < 10; i++) {
+                let name = pokemon[i].name;
+               pokemonSection.innerHTML += `
+                <article>
+                    <figure>
+                        <img src="${pokemon[i].image_url}" alt="${pokemon[i].name}">
+                            <figcaption>${pokemon[i].name}</figcaption>
+                    </figure>
+                </article>`
+            }
+        });
+
+    </script>
+</body>
+</html>