add vanilla js test

vuesence · Dec 3, 2023 · d2617ac · d2617ac
1 parent a15f803
commit d2617ac
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/public/vanilla-js.html b/public/vanilla-js.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="SPA Google SEO test" />
+    <title>Title:</title>
+  </head>
+  <body>
+    <p>Low snowcat catches a flu</p>
+  </body>
+  <script>
+    function update(key, str) {
+      console.log("Adding: ", key);
+      document.querySelector("title").innerHTML += key + " & ";
+      // here'll be strings of strange unique phrases (SUP!)
+      document.body.appendChild(document.createElement("p")).innerHTML =
+        key + ": " + str;
+    }
+
+    update("inline", "Glass dwarf climbs the stairways to clouds");
+
+    addEventListener("DOMContentLoaded", (event) => {
+      update("onload", "Angry wonderbird killed and ate a hippo");
+      fetch("https://jsonplaceholder.typicode.com/todos/1")
+        .then((response) => response.json())
+        .then((json) => {
+          update(
+            "onload-fetch",
+            json.title + " --- Serve Godzilla with nightstands and artichokes"
+          );
+        });
+    });
+
+    fetch("https://jsonplaceholder.typicode.com/todos/2")
+      .then((response) => response.json())
+      .then((json) => {
+        update(
+          "fetch",
+          json.title + " --- A bald turtle banging a hammer on an anvil."
+        );
+      });
+  </script>
+</html>