From 8bf27aa40b69067e9ff654ab6d263e6b18ae4b62 Mon Sep 17 00:00:00 2001
From: Bar Yaakov <baryaakov5050@gmail.com>
Date: Wed, 18 Jun 2025 15:53:40 -0400
Subject: [PATCH 1/2] finished all 12

---
 script.js | 100 ++++++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 85 insertions(+), 15 deletions(-)

diff --git a/script.js b/script.js
index 5762129..bdaf682 100644
--- a/script.js
+++ b/script.js
@@ -1,20 +1,90 @@
 console.log("Hello! If you see this, the script is working.");
 
 /*
-- [ ] Select the section with an id of container without using querySelector.
-- [ ] Select the section with an id of container using querySelector.
-- [ ] Select all of the list items with a class of "second".
-- [ ] Select a list item with a class of third, but only the list item inside of the ol tag.
-- [ ] Give the section with an id of container the text "Hello!".
-- [ ] Add the class main to the div with a class of footer.
-- [ ] Remove the class main on the div with a class of footer.
-- [ ] Create a new li element.
-- [ ] Give the li the text "four".
-- [ ] Append the li to the ul element.
-- [ ] Loop over all of the lis inside the ol tag and give them a background color of "green".
-- [ ] Remove the div with a class of footer.
+- [1] Select the section with an id of container without using querySelector.
+- [2] Select the section with an id of container using querySelector.
+- [3] Select all of the list items with a class of "second".
+- [4] Select a list item with a class of third, but only the list item inside of the ol tag.
+- [5] Give the section with an id of container the text "Hello!".
+- [6] Add the class main to the div with a class of footer.
+- [7] Remove the class main on the div with a class of footer.
+- [8] Create a new li element.
+- [9] Give the li the text "four".
+- [10] Append the li to the ul element.
+- [11] Loop over all of the lis inside the ol tag and give them a background color of "green".
+- [12] Remove the div with a class of footer.
 */
 
-// Try rewriting this without using querySelector
-const header = document.querySelector("#container");
-console.log("header", header);
+//******ANSWERS******
+
+//- [1] Select the section with an id of container without using querySelector.
+console.log("1:");
+
+const container = document.getElementById("container");
+console.log(container);
+
+//- [2] Select the section with an id of container using querySelector.
+console.log("2:");
+
+const container2 = document.querySelector("#container");
+console.log(container2);
+
+//- [3] Select all of the list items with a class of "second".
+console.log("3:");
+
+const secondClass = document.getElementsByClassName("second")
+console.log(secondClass);
+
+//- [4] Select a list item with a class of third, but only the list item inside of the ol tag.
+console.log("4:");
+
+const thirdClass = document.querySelector("ol .third")
+console.log(thirdClass);
+
+//- [5] Give the section with an id of container the text "Hello!".
+console.log("5:");
+
+//container.textContent = "Hello!";
+//console.log(container);
+
+//- [6] Add the class main to the div with a class of footer.
+console.log("6:");
+
+const footer = document.querySelector(".footer");
+footer.classList.add("main");
+
+//- [7] Remove the class main on the div with a class of footer.
+console.log("7:");
+
+footer.classList.remove("main");
+
+//- [8] Create a new li element.
+console.log("8:");
+
+const element = document.createElement('li');
+
+//- [9] Give the li the text "four".
+console.log("9:");
+
+element.textContent = "four";
+
+//- [10] Append the li to the ul element.
+console.log("10:");
+
+const ulElement = document.querySelector("ul");
+ulElement.append(element);
+
+//- [11] Loop over all of the lis inside the ol tag and give them a background color of "green".
+console.log("11:");
+
+const ilElements = document.querySelectorAll("ol li");
+
+for (let element of ilElements)
+{
+    element.style.backgroundColor = "green";
+}
+
+//- [12] Remove the div with a class of footer.
+console.log("12:");
+
+footer.remove();
\ No newline at end of file

From da9da53725df24878fd0fd65f008fad338b786d0 Mon Sep 17 00:00:00 2001
From: Mohammed Islam <saeedaj357@gmail.com>
Date: Fri, 20 Jun 2025 02:30:25 -0400
Subject: [PATCH 2/2] answers 10 - 12

---
 script.js | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/script.js b/script.js
index bdaf682..c7c810e 100644
--- a/script.js
+++ b/script.js
@@ -87,4 +87,23 @@ for (let element of ilElements)
 //- [12] Remove the div with a class of footer.
 console.log("12:");
 
-footer.remove();
\ No newline at end of file
+footer.remove();
+
+//10-12
+// Append the li to the ul element.
+const newLi = document.createElement('li');
+newLi.textContent = 'New list item';
+const ul = document.querySelector('ul');
+ul.appendChild(newLi);
+
+// Loop over all of the lis inside the ol tag and give them a background color of "green".
+const olLis = document.querySelectorAll('ol li');
+olLis.forEach(li => {
+  li.style.backgroundColor = 'green';
+});
+
+// Remove the div with a class of footer.
+const footerDiv = document.querySelector('div.footer');
+if (footerDiv) {
+  footerDiv.remove();
+}