Stubbing out functions

2019-10-23 19:42:58 -05:00
parent dec65a58da
commit 96eac8e434
7 changed files with 142 additions and 4 deletions
--- a/consuming.html
+++ b/consuming.html
@@ -9,5 +9,25 @@
        <link rel="stylesheet" href="./src/site.css"></link>
        <script src="./src/axios.min.js"></script>
    </head>
-    <body></body>
+    <body>
+        <h1 class="green ml4">Consuming Promises</h1>
+        <a class="green ml4 pb4" href="./home">Back to home</a>
+        <div class="flex w-50 pa4">
+            <button class="bg-green mr2" onclick="get()">Success GET</button>
+            <button class="bg-green mr2" onclick="getCatch()">Failed GET</button>
+            <button class="bg-green mr2" onclick="chain()">Promise Chain</button>
+            <button class="bg-green mr2" onclick="final()">Final Update</button>
+        </div>
+        <div class="results w-50 ml4 mt4 pa4">
+            <h1>Results</h1>
+        </div>
+        <script type="module">
+            import { get, getCatch, chain, final } from "./src/consuming.mjs";
+
+            window.get = get;
+            window.getCatch = getCatch;
+            window.chain = chain;
+            window.final = final;
+        </script>
+    </body>
 </html>