adding docs subtree

2026-01-26 14:56:42 +08:00 · 2019-02-25 13:12:18 -08:00
parent 1adcc07a61
commit 41dcf8731d
365 changed files with 10620 additions and 0 deletions
--- a/docs/step1-01/js-demo/js-demo-final.html
+++ b/docs/step1-01/js-demo/js-demo-final.html
@@ -0,0 +1,45 @@
+<html>
+  <head>
+    <link rel="stylesheet" href="../css-demo/css-demo-finished.css" />
+  </head>
+  <body>
+    <div>
+      <h1>This is my <span>Title</span></h1>
+      <div class="tiles">
+        <div class="links">
+          <h2>Important Links</h2>
+          <a href="#">We're Awesome</a>
+          <a href="#">Learn More</a>
+          <a href="#">Hire Us</a>
+        </div>
+        <div>
+          <h2>Our Logo</h2>
+          <img src="../../assets/fabric.jpg" width="100" alt="fabric logo" />
+        </div>
+        <div>
+          <h2>Contact Us</h2>
+          <div id="contact-form">
+            <label>Email</label><input id="email" type="email" />
+            <input onclick="displayMatches()" class="submit" value="Submit" type="submit" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+  <script>
+    const match = 'a';
+    let matches = 0;
+
+    function displayMatches() {
+      const email = document.getElementById('email');
+      const text = email.value;
+      for (let letter of text) {
+        if (letter === match) {
+          matches++;
+        }
+      }
+      const submit = document.querySelector('.submit');
+      submit.value = matches + ' matches';
+    }
+  </script>
+</html>