From 21691a9611be3e324c5375671f1fb6712e7e20e6 Mon Sep 17 00:00:00 2001
From: LSvekis <lassvekis@gmail.com>
Date: Sat, 28 Aug 2021 12:17:15 -0400
Subject: [PATCH] Create Element selectors

---
 Chapter 8/Element selectors | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 Chapter 8/Element selectors

diff --git a/Chapter 8/Element selectors b/Chapter 8/Element selectors
new file mode 100644
index 0000000..50d71ab
--- /dev/null
+++ b/Chapter 8/Element selectors	
@@ -0,0 +1,26 @@
+    <ul><li>Hello</li></ul>
+    <div class="output">
+        <h1>Hello</h1>
+        <div>Test</div>
+        <ul>
+            <li id="one">One</li>
+            <li class="red">Two</li>
+        </ul>
+        <div>Test</div>
+    </div>
+
+    <script>
+        const output = document.querySelector(".output");
+        const mainList = output.querySelector("ul");
+        mainList.id = "mainList";
+        console.log(mainList)
+        const eles = output.children;
+        for(let x=0;x<eles.length;x++){
+            console.log(eles[x].tagName);
+            eles[x].id = "id"+(x+1);
+            if(x%2){
+                eles[x].style.color = "red";
+            }
+        }
+
+    </script>