DOM

Kondareddy1209 · Kondareddy1209 · commit 7f825890c70d · 2026-02-27T15:04:25.000+05:30
diff --git a/Dom.js b/Dom.js
@@ -0,0 +1,18 @@
+// const title_elements = document.querySelectorAll(".family");
+
+// title_elements.forEach(element => {
+//     console.log(element);
+// });
+
+
+// const allContacts = document.querySelectorAll('p')
+// console.log(allContacts)
+// allContacts.forEach(element => {
+//     console.log(element)
+// });
+
+const firstWorkContact = document.querySelectorAll('button')
+console.log(firstWorkContact)
+
+const thirdBtn = document.querySelector('div button:nth-child(3)')
+console.log(thirdBtn)
diff --git a/new.html b/new.html
@@ -4,9 +4,22 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+    <style src="style.css"></style>
 </head>
 <body>
-    <script src="function_test.js"></script>
+    <h1 id="page-title">Phonebook</h1>
+
+  <p class="family">Marie</p>
+  <p class="family">Jose</p>
+  <p class="work">Anne</p>
+  <p class="work">Joan</p>
+  <div>
+    <button>First button</button>
+    <button>Second button</button>
+    <button>Third button</button>
+    <button>Fourth button</button>
+</div>
+    <script src="Dom.js"></script>
 </body>
 
 
diff --git a/style.css b/style.css
@@ -0,0 +1,5 @@
+h1{
+    background-color: blue;
+    background-position: 0%;
+    text-decoration: dashed;
+}
