From 259931dab7e7079a070f4d168b1b8a529d972b0b Mon Sep 17 00:00:00 2001 From: Joseph Date: Wed, 18 Jun 2025 12:00:22 -0400 Subject: [PATCH 01/15] Completed first three tasks --- script.js | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) diff --git a/script.js b/script.js index 5762129..4ef32c4 100644 --- a/script.js +++ b/script.js @@ -1,9 +1,9 @@ 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". +- [x] Select the section with an id of container without using querySelector. +- [x] Select the section with an id of container using querySelector. +- [x] 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. @@ -15,6 +15,14 @@ console.log("Hello! If you see this, the script is working."); - [ ] Remove the div with a class of footer. */ -// Try rewriting this without using querySelector -const header = document.querySelector("#container"); -console.log("header", header); +// Select the section with an id of container without using querySelector. +const sectionNoQuery = document.getElementById("container"); +console.log("Section (Without using Query Selector): ", sectionNoQuery); + +// Select the section with an id of container using querySelector. +const sectionWithQuery = document.querySelector("#container"); +console.log("Section (Using Query Selector): ", sectionWithQuery); + +// Select all of the list items with a class of "second". +const secondItems = document.querySelectorAll("li.second"); +console.log("List items with class 'second': ", secondItems); From a7634551ce6f1ad88e5e93eba18dcd3d8a644d39 Mon Sep 17 00:00:00 2001 From: Jocsan Rodriguez Date: Wed, 18 Jun 2025 12:11:10 -0400 Subject: [PATCH 02/15] Update in index.html --- index.html | 5 +++++ script.js | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/index.html b/index.html index 1358462..b00fb46 100644 --- a/index.html +++ b/index.html @@ -18,6 +18,11 @@
  • two
  • three
    • +
    diff --git a/script.js b/script.js index 5762129..036da7c 100644 --- a/script.js +++ b/script.js @@ -15,6 +15,11 @@ console.log("Hello! If you see this, the script is working."); - [ ] Remove 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". + // Try rewriting this without using querySelector const header = document.querySelector("#container"); console.log("header", header); From 99341565895c379c708fe8c1ad88502a804dc28d Mon Sep 17 00:00:00 2001 From: Jocsan Rodriguez Date: Wed, 18 Jun 2025 12:28:30 -0400 Subject: [PATCH 03/15] second to last task done --- index.html | 7 +------ script.js | 8 ++++++++ 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index b00fb46..29f87d6 100644 --- a/index.html +++ b/index.html @@ -18,12 +18,7 @@
  • two
  • three
    • -
      -
    • -

      "Four

      -
      • -
    - + \ No newline at end of file diff --git a/script.js b/script.js index 036da7c..51df6e0 100644 --- a/script.js +++ b/script.js @@ -23,3 +23,11 @@ console.log("Hello! If you see this, the script is working."); // Try rewriting this without using querySelector const header = document.querySelector("#container"); console.log("header", header); + + + + + +footerDiv.classList.remove('main'); +const newLi = document.createElement('li'); +pText.textcontent = "four"; \ No newline at end of file From cb6eb6659188f435df8c84f3e013bef28892f7e0 Mon Sep 17 00:00:00 2001 From: Jocsan Rodriguez Date: Wed, 18 Jun 2025 12:41:17 -0400 Subject: [PATCH 04/15] Clean up leftover merge conflict markers --- script.js | 3 --- 1 file changed, 3 deletions(-) diff --git a/script.js b/script.js index b24a1e3..2ad2270 100644 --- a/script.js +++ b/script.js @@ -15,7 +15,6 @@ console.log("Hello! If you see this, the script is working."); - [ ] Remove the div with a class of footer. */ -<<<<<<< HEAD // Select the section with an id of container without using querySelector. const sectionNoQuery = document.getElementById("container"); console.log("Section (Without using Query Selector): ", sectionNoQuery); @@ -27,7 +26,6 @@ console.log("Section (Using Query Selector): ", sectionWithQuery); // Select all of the list items with a class of "second". const secondItems = document.querySelectorAll("li.second"); console.log("List items with class 'second': ", secondItems); -======= // Remove the class main on the div with a class of footer. footerDiv.classList.remove('main'); @@ -37,4 +35,3 @@ const newLi = document.createElement('li'); // Give the li the text "four". pText.textcontent = "four"; ->>>>>>> j-branch From 38b60d97aa2cfe5a1df4b8db933b317e6ba12b90 Mon Sep 17 00:00:00 2001 From: Aiyanna <20997291+aarcher711@users.noreply.github.com> Date: Wed, 18 Jun 2025 12:42:29 -0400 Subject: [PATCH 05/15] first commit --- DOM-1-StartingPoint | 1 + 1 file changed, 1 insertion(+) create mode 160000 DOM-1-StartingPoint diff --git a/DOM-1-StartingPoint b/DOM-1-StartingPoint new file mode 160000 index 0000000..31ea414 --- /dev/null +++ b/DOM-1-StartingPoint @@ -0,0 +1 @@ +Subproject commit 31ea414715434a9557b4db69eeb01f4293f10100 From 4d44484fcaa2f27fe3966880676cee465970a768 Mon Sep 17 00:00:00 2001 From: Aiyanna <20997291+aarcher711@users.noreply.github.com> Date: Wed, 18 Jun 2025 12:48:55 -0400 Subject: [PATCH 06/15] first commit? removed duplicate folder --- DOM-1-StartingPoint | 1 - 1 file changed, 1 deletion(-) delete mode 160000 DOM-1-StartingPoint diff --git a/DOM-1-StartingPoint b/DOM-1-StartingPoint deleted file mode 160000 index 31ea414..0000000 --- a/DOM-1-StartingPoint +++ /dev/null @@ -1 +0,0 @@ -Subproject commit 31ea414715434a9557b4db69eeb01f4293f10100 From f131a27b87a7a86f51d5ea04133fed6085a3faca Mon Sep 17 00:00:00 2001 From: Jocsan Rodriguez Date: Wed, 18 Jun 2025 13:08:11 -0400 Subject: [PATCH 07/15] x markers --- script.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/script.js b/script.js index 2ad2270..97e41c5 100644 --- a/script.js +++ b/script.js @@ -7,9 +7,9 @@ console.log("Hello! If you see this, the script is working."); - [ ] 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". +- [x] Remove the class main on the div with a class of footer. +- [x] Create a new li element. +- [x] 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. @@ -26,6 +26,7 @@ console.log("Section (Using Query Selector): ", sectionWithQuery); // Select all of the list items with a class of "second". const secondItems = document.querySelectorAll("li.second"); console.log("List items with class 'second': ", secondItems); + // Remove the class main on the div with a class of footer. footerDiv.classList.remove('main'); From 03aebe04d1fa548ad8b9867e730442b1977b7b05 Mon Sep 17 00:00:00 2001 From: Aiyanna <20997291+aarcher711@users.noreply.github.com> Date: Wed, 18 Jun 2025 13:12:35 -0400 Subject: [PATCH 08/15] adding --- script.js | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/script.js b/script.js index 4ef32c4..6a7c7a4 100644 --- a/script.js +++ b/script.js @@ -26,3 +26,20 @@ console.log("Section (Using Query Selector): ", sectionWithQuery); // Select all of the list items with a class of "second". const secondItems = document.querySelectorAll("li.second"); console.log("List items with class 'second': ", secondItems); + + + +// Append the li to the ul element. + +const +console.log() + +// Loop over all of the lis inside the ol tag and give them a background color of "green". + +const +console.log() + +// Remove the div with a class of footer. + +const +console.log() From f9edb62390db769afc7e48b97f773f9c3cb0b747 Mon Sep 17 00:00:00 2001 From: Jocsan Rodriguez Date: Wed, 18 Jun 2025 13:26:58 -0400 Subject: [PATCH 09/15] fixed --- script.js | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/script.js b/script.js index e46384f..535dcbb 100644 --- a/script.js +++ b/script.js @@ -27,7 +27,6 @@ console.log("Section (Using Query Selector): ", sectionWithQuery); const secondItems = document.querySelectorAll("li.second"); console.log("List items with class 'second': ", secondItems); -<<<<<<< HEAD // Append the li to the ul element. @@ -44,7 +43,7 @@ console.log() const console.log() -======= + // Remove the class main on the div with a class of footer. footerDiv.classList.remove('main'); @@ -54,4 +53,3 @@ const newLi = document.createElement('li'); // Give the li the text "four". pText.textcontent = "four"; ->>>>>>> f131a27b87a7a86f51d5ea04133fed6085a3faca From 2407a781659917ff37e1010fa407b19f0549971b Mon Sep 17 00:00:00 2001 From: Aiyanna <20997291+aarcher711@users.noreply.github.com> Date: Wed, 18 Jun 2025 13:45:10 -0400 Subject: [PATCH 10/15] plz work (the sequel) --- script.js | 34 ++++++++++++++-------------------- 1 file changed, 14 insertions(+), 20 deletions(-) diff --git a/script.js b/script.js index e46384f..ea6b965 100644 --- a/script.js +++ b/script.js @@ -10,9 +10,9 @@ console.log("Hello! If you see this, the script is working."); - [x] Remove the class main on the div with a class of footer. - [x] Create a new li element. - [x] 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. +- [X] Append the li to the ul element. +- [X] Loop over all of the lis inside the ol tag and give them a background color of "green". +- [X] Remove the div with a class of footer. */ // Select the section with an id of container without using querySelector. @@ -27,31 +27,25 @@ console.log("Section (Using Query Selector): ", sectionWithQuery); const secondItems = document.querySelectorAll("li.second"); console.log("List items with class 'second': ", secondItems); -<<<<<<< HEAD - +//Aiyanna - tasks done // Append the li to the ul element. -const +const appendElement = document.querySelector("ul").append(newLi); console.log() // Loop over all of the lis inside the ol tag and give them a background color of "green". -const -console.log() +const styleColor = document.querySelectorAll("ol li"); +[...styleColor].forEach(element => { + element.style.backgroundColor = "green"; + +}); +console.log(styleColor) // Remove the div with a class of footer. -const -console.log() -======= -// Remove the class main on the div with a class of footer. -footerDiv.classList.remove('main'); - -// Create a new li element. -const newLi = document.createElement('li'); - -// Give the li the text "four". -pText.textcontent = "four"; +const footerClass = document.getElementsByClassName("footer"); +footerClass.parentNode.removeChild(footerClass); ->>>>>>> f131a27b87a7a86f51d5ea04133fed6085a3faca +console.log() From 9509c3b840d66a1f927dc76bdd6c515fb2d2540a Mon Sep 17 00:00:00 2001 From: Aiyanna <20997291+aarcher711@users.noreply.github.com> Date: Wed, 18 Jun 2025 13:50:34 -0400 Subject: [PATCH 11/15] plz work (the trilogy) --- script.js | 34 ++++++++++++++-------------------- 1 file changed, 14 insertions(+), 20 deletions(-) diff --git a/script.js b/script.js index e46384f..ea6b965 100644 --- a/script.js +++ b/script.js @@ -10,9 +10,9 @@ console.log("Hello! If you see this, the script is working."); - [x] Remove the class main on the div with a class of footer. - [x] Create a new li element. - [x] 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. +- [X] Append the li to the ul element. +- [X] Loop over all of the lis inside the ol tag and give them a background color of "green". +- [X] Remove the div with a class of footer. */ // Select the section with an id of container without using querySelector. @@ -27,31 +27,25 @@ console.log("Section (Using Query Selector): ", sectionWithQuery); const secondItems = document.querySelectorAll("li.second"); console.log("List items with class 'second': ", secondItems); -<<<<<<< HEAD - +//Aiyanna - tasks done // Append the li to the ul element. -const +const appendElement = document.querySelector("ul").append(newLi); console.log() // Loop over all of the lis inside the ol tag and give them a background color of "green". -const -console.log() +const styleColor = document.querySelectorAll("ol li"); +[...styleColor].forEach(element => { + element.style.backgroundColor = "green"; + +}); +console.log(styleColor) // Remove the div with a class of footer. -const -console.log() -======= -// Remove the class main on the div with a class of footer. -footerDiv.classList.remove('main'); - -// Create a new li element. -const newLi = document.createElement('li'); - -// Give the li the text "four". -pText.textcontent = "four"; +const footerClass = document.getElementsByClassName("footer"); +footerClass.parentNode.removeChild(footerClass); ->>>>>>> f131a27b87a7a86f51d5ea04133fed6085a3faca +console.log() From 7090db2b0595768f7392d1df1c28553c0eccae7e Mon Sep 17 00:00:00 2001 From: MrRobot458 Date: Wed, 18 Jun 2025 14:37:50 -0400 Subject: [PATCH 12/15] Completed tasks 3-6 --- script.js | 35 +++++++++++++++++++++++++---------- 1 file changed, 25 insertions(+), 10 deletions(-) diff --git a/script.js b/script.js index 2fda492..1da15ad 100644 --- a/script.js +++ b/script.js @@ -4,9 +4,9 @@ console.log("Hello! If you see this, the script is working."); - [x] Select the section with an id of container without using querySelector. - [x] Select the section with an id of container using querySelector. - [x] 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. +- [x] Select a list item with a class of third, but only the list item inside of the ol tag. +- [x] Give the section with an id of container the text "Hello!". +- [x] Add the class main to the div with a class of footer. - [x] Remove the class main on the div with a class of footer. - [x] Create a new li element. - [x] Give the li the text "four". @@ -27,6 +27,24 @@ console.log("Section (Using Query Selector): ", sectionWithQuery); const secondItems = document.querySelectorAll("li.second"); console.log("List items with class 'second': ", secondItems); +// Emmanuel + +// Select a list item with a class of third, but only the list item inside of the ol tag. +const thirdItem = document.querySelector("ol li.third"); +console.log("Third item in ordered list: ", thirdItem); + +// Give the section with an id of container the text "Hello!". +const container = document.getElementById("container"); +const newText = document.createElement('p'); + +newText.innerText = "Hello!"; +container.prepend(newText); + +// Add the class main to the div with a class of footer. +const footerDiv = document.querySelector("div.footer"); +footerDiv.classList.add("main"); + +// Jocsan // Remove the class main on the div with a class of footer. footerDiv.classList.remove('main'); @@ -35,9 +53,7 @@ footerDiv.classList.remove('main'); const newLi = document.createElement('li'); // Give the li the text "four". -pText.textcontent = "four"; - - +newLi.innerText = "four"; //Aiyanna - tasks done // Append the li to the ul element. @@ -50,13 +66,12 @@ console.log() const styleColor = document.querySelectorAll("ol li"); [...styleColor].forEach(element => { element.style.backgroundColor = "green"; - + }); console.log(styleColor) // Remove the div with a class of footer. -const footerClass = document.getElementsByClassName("footer"); +const footerClass = document.querySelector(".footer"); +console.log(footerClass); footerClass.parentNode.removeChild(footerClass); - -console.log() From eadfc4a226fb43621c077d8486f087016be8f7c7 Mon Sep 17 00:00:00 2001 From: Aiyanna <20997291+aarcher711@users.noreply.github.com> Date: Wed, 18 Jun 2025 14:56:53 -0400 Subject: [PATCH 13/15] Add files via upload Bonus files --- bonus-script.js | 8 ++++++++ bonus.html | 12 ++++++++++++ 2 files changed, 20 insertions(+) create mode 100644 bonus-script.js create mode 100644 bonus.html diff --git a/bonus-script.js b/bonus-script.js new file mode 100644 index 0000000..ee039c2 --- /dev/null +++ b/bonus-script.js @@ -0,0 +1,8 @@ +console.log("hello from JS"); + +const root = document.getElementById("root"); +const h1 = document.createElement("h1"); +h1.innerText = + "Hello! This is my HTML website created entirely from JavaScript"; +h1.style.fontFamily = "Georgia, serif"; +root.appendChild(h1); diff --git a/bonus.html b/bonus.html new file mode 100644 index 0000000..1d1fa46 --- /dev/null +++ b/bonus.html @@ -0,0 +1,12 @@ + + + + + + DOM from Scratch! + + + +
    + + From 9d805810b7f17787e0964001335f2210ae1a0ae6 Mon Sep 17 00:00:00 2001 From: Aiyanna <20997291+aarcher711@users.noreply.github.com> Date: Wed, 18 Jun 2025 22:16:21 -0400 Subject: [PATCH 14/15] site outline (will it work tho?) --- bonus-script.js | 121 ++++++++++++++++++++++++++++++++++++++++++++---- bonus.html | 6 ++- script.js | 27 +---------- 3 files changed, 118 insertions(+), 36 deletions(-) diff --git a/bonus-script.js b/bonus-script.js index c7cb6a8..fe58d3b 100644 --- a/bonus-script.js +++ b/bonus-script.js @@ -1,24 +1,127 @@ console.log("hello from JS"); +// Loop over all of the lis inside the ol tag and give them a background color of "green". + +document.body.style.backgroundColor = "#4169E1"; //adding background color to the page + + + const root = document.getElementById("root"); const h1 = document.createElement("h1"); h1.innerText = - "Hello! This is my HTML website created entirely from JavaScript"; + "Welcome to our Intros page :) Here you can learn a little bit about us."; h1.style.fontFamily = "Georgia, serif"; + root.appendChild(h1); -const h1 = document.createElement("h1"); -h1.innerText = +//NEW STUFF +//note for team: replace the hex code with your +// colors we chose for our backgrounds: #4169e1 <-blue #280137 <- purple #882d17 <- red #da667b <- pink #342a21 <- brown (random placeholder) + +//Aiyanna +const root2 = document.getElementById("root2"); +const h2 = document.createElement("h2"); +h2.innerText = + //Bio text goes here + " Name: Aiyanna A. \n About Me: I'm a CIS major, and I became interested in technology through media such as cartoons and video games.Outside of programming the hobbies that I spend the most time on are figure skating, art, and cosplay (I love going to anime conventions). I also enjoy learning new languages. \n Snack of choice: Boba \n Fun Fact: I never leave home without my headphones. I listen to a lot of music and if you see me in the server, you can hover over my icon to see what I'm currently listening to.\n"; + +h2.style.fontFamily = "Georgia, serif"; // font style for entire box +h2.style.backgroundColor = "#DA667B";// color for inside of bordered box +h2.style.border = "thick solid #DA667B"; //color code for border + +root.appendChild(h2); + +//2nd person +const root3 = document.getElementById("root3"); +const h3 = document.createElement("h2"); +h3.innerText = "Hello! This is my HTML website created entirely from JavaScript"; -h1.style.fontFamily = "Georgia, serif"; -//root.appendChild(h1); +h3.style.fontFamily = "Georgia, serif"; +h3.style.backgroundColor = "DA667B"; +h3.style.border = "thick solid #DA667B"; //color code for border +root.appendChild(h3); -const h2 = document.createElement("h2"); -h1.innerText = + +//3rd person +const root4 = document.getElementById("root3"); +const h4 = document.createElement("h2"); +h4.innerText = "Hello! This is my HTML website created entirely from JavaScript"; -h1.style.fontFamily = "Georgia, serif"; +h4.style.fontFamily = "Georgia, serif"; +h4.style.backgroundColor = "DA667B"; +h4.style.border = "thick solid #DA667B"; //color code for border +root.appendChild(h4); -root.appendChild(h1); + + +//4th person +const root5 = document.getElementById("root3"); +const h5 = document.createElement("h2"); +h5.innerText = + "Hello! This is my HTML website created entirely from JavaScript"; +h5.style.fontFamily = "Georgia, serif"; +h5.style.backgroundColor = "DA667B"; +h5.style.border = "thick solid #DA667B"; //color code for border + +root.appendChild(h5); + +/* +//new stuff starts here +const root2 = document.getElementById("root2"); +const h2 = document.createElement("h2"); +h2.innerText = + "Name: Aiyanna "; +//h2.className = "h2"; +h2.style.fontFamily = "Georgia, serif"; +h2.style.backgroundColor = "DA667B"; +h2.style.border = "thick solid #DA667B"; //color code for border + +root2.appendChild(h2); + + +*/ + +// THIS STUFF WORKS PLEASE DO NOT DELETE :'C +/* +const h2 = document.createElement("h2"); +h2.innerText = + "Name: Aiyanna "; +h2.style.fontFamily = "Georgia, serif"; +h2.style.backgroundColor = "DA667B"; +h2.style.border = "thick solid #DA667B"; //color code for border root.appendChild(h2); + +const p = document.createElement("p"); +p.innerText = + " Hello! \n I'm a CIS major, and I became interested in technology through media such as cartoons and video games.\n The hobbies that I spend the most time on are figure skating, art, and cosplay (I love going to anime conventions).\n A few years ago I took in a senior dog named Fluffy. I like mangoes."; + +p.style.fontFamily = "Georgia, serif"; +p.style.backgroundColor = "#DA667B"; +root.appendChild(p); + + + + +const h3 = document.createElement("h3"); +h3.innerText = + "Name: New Person \n" +h3.style.fontFamily = "Georgia, serif"; +h3.style.backgroundColor = "DA667B"; +h3.style.border = "thick solid #DA667B"; //color code for border +root.appendChild(h3); + +const p2 = document.createElement("p"); +p2.innerText = + "Insert your bio here \n Insert your bio here."; + +p2.style.fontFamily = "Georgia, serif"; +p2.style.backgroundColor = "#DA667B"; +root.appendChild(p2); + + +*/ + +console.log() + diff --git a/bonus.html b/bonus.html index 1d1fa46..21f571f 100644 --- a/bonus.html +++ b/bonus.html @@ -7,6 +7,10 @@ -
    +
    +
    +
    +
    + diff --git a/script.js b/script.js index 1f38462..2599e9e 100644 --- a/script.js +++ b/script.js @@ -27,14 +27,6 @@ console.log("Section (Using Query Selector): ", sectionWithQuery); const secondItems = document.querySelectorAll("li.second"); console.log("List items with class 'second': ", secondItems); -<<<<<<< HEAD - -//Aiyanna - tasks done -// Append the li to the ul element. - -const appendElement = document.querySelector("ul").append(newLi); -console.log() -======= // Emmanuel // Select a list item with a class of third, but only the list item inside of the ol tag. @@ -47,27 +39,11 @@ const newText = document.createElement('p'); newText.innerText = "Hello!"; container.prepend(newText); ->>>>>>> eadfc4a226fb43621c077d8486f087016be8f7c7 // Add the class main to the div with a class of footer. const footerDiv = document.querySelector("div.footer"); footerDiv.classList.add("main"); -<<<<<<< HEAD -const styleColor = document.querySelectorAll("ol li"); -[...styleColor].forEach(element => { - element.style.backgroundColor = "green"; - -}); -console.log(styleColor) - -// Remove the div with a class of footer. - -const footerClass = document.getElementsByClassName("footer"); -footerClass.parentNode.removeChild(footerClass); - -console.log() -======= // Jocsan // Remove the class main on the div with a class of footer. @@ -98,5 +74,4 @@ console.log(styleColor) const footerClass = document.querySelector(".footer"); console.log(footerClass); -footerClass.parentNode.removeChild(footerClass); ->>>>>>> eadfc4a226fb43621c077d8486f087016be8f7c7 +footerClass.parentNode.removeChild(footerClass); \ No newline at end of file From 87f2ccb287be171868b96372f5bd36fd84b2f48d Mon Sep 17 00:00:00 2001 From: Aiyanna <20997291+aarcher711@users.noreply.github.com> Date: Wed, 18 Jun 2025 22:18:07 -0400 Subject: [PATCH 15/15] removing extra comments --- bonus-script.js | 55 ------------------------------------------------- 1 file changed, 55 deletions(-) diff --git a/bonus-script.js b/bonus-script.js index fe58d3b..86234f0 100644 --- a/bonus-script.js +++ b/bonus-script.js @@ -67,61 +67,6 @@ h5.style.border = "thick solid #DA667B"; //color code for border root.appendChild(h5); -/* -//new stuff starts here -const root2 = document.getElementById("root2"); -const h2 = document.createElement("h2"); -h2.innerText = - "Name: Aiyanna "; -//h2.className = "h2"; -h2.style.fontFamily = "Georgia, serif"; -h2.style.backgroundColor = "DA667B"; -h2.style.border = "thick solid #DA667B"; //color code for border - -root2.appendChild(h2); - - -*/ - -// THIS STUFF WORKS PLEASE DO NOT DELETE :'C -/* -const h2 = document.createElement("h2"); -h2.innerText = - "Name: Aiyanna "; -h2.style.fontFamily = "Georgia, serif"; -h2.style.backgroundColor = "DA667B"; -h2.style.border = "thick solid #DA667B"; //color code for border -root.appendChild(h2); - -const p = document.createElement("p"); -p.innerText = - " Hello! \n I'm a CIS major, and I became interested in technology through media such as cartoons and video games.\n The hobbies that I spend the most time on are figure skating, art, and cosplay (I love going to anime conventions).\n A few years ago I took in a senior dog named Fluffy. I like mangoes."; - -p.style.fontFamily = "Georgia, serif"; -p.style.backgroundColor = "#DA667B"; -root.appendChild(p); - - - - -const h3 = document.createElement("h3"); -h3.innerText = - "Name: New Person \n" -h3.style.fontFamily = "Georgia, serif"; -h3.style.backgroundColor = "DA667B"; -h3.style.border = "thick solid #DA667B"; //color code for border -root.appendChild(h3); - -const p2 = document.createElement("p"); -p2.innerText = - "Insert your bio here \n Insert your bio here."; - -p2.style.fontFamily = "Georgia, serif"; -p2.style.backgroundColor = "#DA667B"; -root.appendChild(p2); - - -*/ console.log()