From 7df4616f082a144502d1e2053e50d0b1aeddcce9 Mon Sep 17 00:00:00 2001
From: Giuli1297 <giuli1297.gg@gmail.com>
Date: Fri, 22 Oct 2021 14:20:59 -0300
Subject: [PATCH] Js Ejercicio 2

---
 src/JsDomEj2.html | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/JsDomEj2.html
diff --git a/src/JsDomEj2.html b/src/JsDomEj2.html
new file mode 100644
index 0000000..dea5aee
--- /dev/null
+++ b/src/JsDomEj2.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Billing</title>
+</head>
+<body>
+    <fieldset>
+        <legend>Billing Information</legend>
+        <p>
+            <label>
+                Postal Address:<br>
+                <input name="postaladdress" id="postaladdress"></input>
+            </label>
+        </p>
+        <p id="homeaddressdiv">
+            Home Address:<br>
+            <label>
+                <input type="checkbox" name="homepostalcheck" id="homepostalcheck">
+                Same as above
+            </label>
+            <br>
+            <input name="homeaddress" id="homeaddress"></input>
+        </p>
+    </fieldset>
+</body>
+<script>
+    const setHomeAddress = ()=>{
+        document.querySelector('#postaladdress')
+            .addEventListener('change', (e)=>{
+                alert(e.target.value);
+            });
+        document.querySelector('#homeaddressdiv')
+            .addEventListener('click', ()=>{
+                const addressInput = document.querySelector('#homeaddress');
+                const checkbox = document.querySelector('#homepostalcheck');
+                const postalInput = document.querySelector('#postaladdress');
+                if(checkbox.checked){
+                    addressInput.disabled = true;
+                    addressInput.value = postalInput.value;
+                }else{
+                    addressInput.disabled = false;
+                    addressInput.value = "";
+                }
+            });
+    }
+    setHomeAddress();
+</script>
+</html>
\ No newline at end of file
--
libgit2 0.26.0

