diff --git a/src/JsDomEj1.html b/src/JsDomEj1.html
new file mode 100644
index 0000000..69dbe94
--- /dev/null
+++ b/src/JsDomEj1.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>JavaScript Challenges</title>
+        <style>
+            #emailpara{
+                display: none;
+            }
+        </style>
+    </head>
+    <body>
+    <form action="">
+        <fieldset>
+            <legend>Email subscriptions</legend>
+            <p id="Ross">
+                <label>
+                    <input type="checkbox"
+                           name="subscribe" id="subscribe">
+                    Yes! I would like to receive all of your free candy!
+                </label>
+            </p>
+            <p id="emailpara">
+                <label>
+                    Email Address:
+                    <input type="text" name="email" id="email">
+                </label>
+            </p>
+        </fieldset>
+    </form>
+    <script>
+        const checkVisible = document.querySelector('#subscribe');
+        const subscribre = document.querySelector('#emailpara');
+        subscribre.style.backgroundColor = "blue";
+        const toggleVisible = ()=>{
+            const div = document.querySelector("#emailpara");
+            if (div.style.display !== "block") {
+                div.style.display = "block";
+            } else {
+                alert("Campos Ocultos")
+                div.style.display = "none";
+            }
+        }
+        checkVisible.addEventListener('click', toggleVisible);
+    </script>
+    </body>
+</html>
