diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/script.js b/script.js index 5762129..cdfaabc 100644 --- a/script.js +++ b/script.js @@ -1,20 +1,37 @@ 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. +- [check] Select the section with an id of container without using querySelector. (Flo) +- [check] Select the section with an id of container using querySelector. (Flo) - [ ] 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!". +- [check] Give the section with an id of container the text "Hello!". (Flo) - [ ] 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". +- [cheack] Loop over all of the lis inside the ol tag and give them a background color of "green". (Flo) - [ ] Remove the div with a class of footer. */ +//Select the section with an id of container without using querySelector. +const container = document.getElementById("container"); +//Give the section with an id of container the text "Hello!". +const newPTag = document.createElement("p"); +newPTag.textContent = "Hello"; +container.append(newPTag); +//Select the section with an id of container using querySelector. +const container2 = document.querySelector("#container"); +//Loop over all of the lis inside the ol tag and give them a background color of "green". +const olElement= document.querySelector("ol"); +[...olElement.children].forEach(li => { + li.style.backgroundColor = "green" +}) + + + + // Try rewriting this without using querySelector const header = document.querySelector("#container"); console.log("header", header);