restructured

Code Samples of CH8-CH11 was restructured
2024-01-19 17:37:31 +03:00
parent f20632ab9e
commit ea15a3c75d
28 changed files with 0 additions and 0 deletions
@@ -0,0 +1,29 @@
+<html>
+  <body>
+    <div id="welcome">Hi there!</div>
+    <form>
+      <input type="text" name="firstname" placeholder="First name" onchange="logEvent()" />
+      <input type="text" name="lastname" placeholder="Last name" onblur="logEvent()" />
+      <input type="button" onclick="sendInfo()" value="Submit" />
+    </form>
+    <script>
+      function logEvent() {
+        let p = event.target;
+        if (p.name == "firstname") {
+          message("First Name Changed to  " + p.value);
+        } else {
+          message("Last Name Changed to  " + p.value);
+        }
+      }
+
+      function sendInfo() {
+        let p = event.target.parentElement;
+        message("Welcome " + p.firstname.value + " " + p.lastname.value);
+      }
+
+      function message(m) {
+        document.getElementById("welcome").innerHTML = m;
+      }
+    </script>
+  </body>
+</html>