From 9c2aa37a1f11c8514b261469b4cdbb2f675b14e7 Mon Sep 17 00:00:00 2001 From: Chandni Date: Fri, 23 Aug 2019 10:00:44 +0530 Subject: [PATCH 1/4] update DOM basics --- assignments/DOM Basics/01/index.html | 22 ++++++++++++++ assignments/DOM Basics/02/index.html | 38 ++++++++++++++++++++++++ assignments/DOM Basics/03/index.html | 16 ++++++++++ assignments/DOM Basics/04/download.jpeg | Bin 0 -> 9153 bytes assignments/DOM Basics/04/index.html | 22 ++++++++++++++ 5 files changed, 98 insertions(+) create mode 100644 assignments/DOM Basics/04/download.jpeg diff --git a/assignments/DOM Basics/01/index.html b/assignments/DOM Basics/01/index.html index aaf6993..c0eb8c8 100644 --- a/assignments/DOM Basics/01/index.html +++ b/assignments/DOM Basics/01/index.html @@ -11,6 +11,28 @@

Document Object Model

diff --git a/assignments/DOM Basics/02/index.html b/assignments/DOM Basics/02/index.html index 818b326..a8e4290 100644 --- a/assignments/DOM Basics/02/index.html +++ b/assignments/DOM Basics/02/index.html @@ -47,6 +47,44 @@

Query Selector All

Access me by query all (2)
diff --git a/assignments/DOM Basics/03/index.html b/assignments/DOM Basics/03/index.html index d85efc7..86a2ae6 100644 --- a/assignments/DOM Basics/03/index.html +++ b/assignments/DOM Basics/03/index.html @@ -39,5 +39,21 @@

Types of Sharks

const p = document.getElementsByTagName("p")[0]; const ul = document.getElementsByTagName("ul")[0]; // Your code goes here + + document.firstElementChild.children[1].children[3].children[0].style.backgroundColor = "hotpink"; + + var change = document.body.children[3].children; + for (i=0; i < change.length; i++) { + change[i].style.backgroundColor = "yellow" + }; + + document.body.children[3].children[2].style.color = "pink"; + + document.body.children[3].children[1]; + + document.body.children[4].previousElementSibling.children[0].style.backgroundColor = "coral"; + + document.body.children[4].previousElementSibling.children[2].style.backgroundColor = "aquamarine"; + diff --git a/assignments/DOM Basics/04/download.jpeg b/assignments/DOM Basics/04/download.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..60d6fba065a477e10e77b2e06e9b9c2dbaf6aa05 GIT binary patch literal 9153 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 D<*MXF literal 0 HcmV?d00001 diff --git a/assignments/DOM Basics/04/index.html b/assignments/DOM Basics/04/index.html index e244ce1..c55ef98 100644 --- a/assignments/DOM Basics/04/index.html +++ b/assignments/DOM Basics/04/index.html @@ -12,5 +12,27 @@

About Me

  • Favorites:
  • Hometown:
    • + + From 50bf681d7c864406ee0f1e72d21f315b65ca3e46 Mon Sep 17 00:00:00 2001 From: Chandni Date: Thu, 29 Aug 2019 11:41:54 +0530 Subject: [PATCH 2/4] update DOM basic 1 --- assignments/DOM Basics/01/index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/assignments/DOM Basics/01/index.html b/assignments/DOM Basics/01/index.html index c0eb8c8..9d9ae2f 100644 --- a/assignments/DOM Basics/01/index.html +++ b/assignments/DOM Basics/01/index.html @@ -18,6 +18,7 @@

    Document Object Model

    var ul = document.createElement("ul"); var li = ["Buy groceries", "Feed the cat", "Do laundry"]; + for (i=0; i < li.length; i++){ var li1 = document.createElement("li"); @@ -25,6 +26,7 @@

    Document Object Model

    li1.innerHTML = li[i]; ul.appendChild(li1); } + document.body.appendChild(ul); var newLi = document.createElement("li"); From 405f0fdec30d1cbeb43ce8a692f8325d243133e1 Mon Sep 17 00:00:00 2001 From: Chandni Date: Thu, 29 Aug 2019 11:42:40 +0530 Subject: [PATCH 3/4] update DOM basic 2 --- assignments/DOM Basics/02/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assignments/DOM Basics/02/index.html b/assignments/DOM Basics/02/index.html index a8e4290..fc186c9 100644 --- a/assignments/DOM Basics/02/index.html +++ b/assignments/DOM Basics/02/index.html @@ -57,7 +57,7 @@

    Query Selector All

    demoColor[i].style.color = "orange"; demoColor[i].style.border = "1px solid orange"; } - }; + }; changeDemoColor(); From ab6286abed70f9fd68ec9c0f48d78a48e1f7aefd Mon Sep 17 00:00:00 2001 From: Chandni Date: Thu, 29 Aug 2019 11:55:16 +0530 Subject: [PATCH 4/4] update js dom --- assignments/DOM Basics/03/index.html | 5 ++- assignments/events/1. Practice/index.js | 25 ++++++++++++-- .../events/2. backgroundChange/index.html | 1 + .../events/2. backgroundChange/main.css | 3 ++ .../events/2. backgroundChange/main.js | 12 +++++++ assignments/events/3. randomQuotes/index.html | 6 ++++ assignments/events/3. randomQuotes/main.js | 9 ++++- assignments/events/4. mouseMove/index.html | 33 +++++++++++++++++++ 8 files changed, 88 insertions(+), 6 deletions(-) diff --git a/assignments/DOM Basics/03/index.html b/assignments/DOM Basics/03/index.html index 86a2ae6..321b18a 100644 --- a/assignments/DOM Basics/03/index.html +++ b/assignments/DOM Basics/03/index.html @@ -32,9 +32,7 @@

    Types of Sharks

  • Tiger
  • Great White
    • - - - + diff --git a/assignments/events/1. Practice/index.js b/assignments/events/1. Practice/index.js index cf4d4e5..111e4d3 100755 --- a/assignments/events/1. Practice/index.js +++ b/assignments/events/1. Practice/index.js @@ -1,42 +1,63 @@ //Select the section with an id of container without using querySelector. +document.getElementById("container"); + //Select the section with an id of container using querySelector. +document.querySelector("#container"); + //Select all of the list items with a class of "second". +document.body.querySelectorAll(".second"); + //Select a list item with a class of third, but only the list item inside of the ol tag. +document.body.children[1].lastElementChild.querySelector(".third"); + //Give the section with an id of container the text "Hello!". +document.getElementById("container").textContent = "Hello"; -//Add the class main to the div with a class of footer. +//Add the class main to the div with a class of footer. + var footerClass = document.querySelector(".footer"); + footerClass.className = "main"; //Remove the class main on the div with a class of footer. +document.querySelector(".main").className = "footer"; + //Create a new li element. +var elementLi = document.createElement("li"); //Give the li the text "four". +elementLi.innerText = "four"; + //Append the li to the ul element. +document.body.querySelector('ul').appendChild(li); + //Loop over all of the list inside the ol tag and give them a background color of "green". +document.querySelectorAll("ol").forEach((cb) => {cb.style.background = "green"}); + +//Remove the div with a class of footer. -//Remove the div with a class of footer. \ No newline at end of file +document.querySelector(".footer").remove(); \ No newline at end of file diff --git a/assignments/events/2. backgroundChange/index.html b/assignments/events/2. backgroundChange/index.html index de6b110..306a98c 100755 --- a/assignments/events/2. backgroundChange/index.html +++ b/assignments/events/2. backgroundChange/index.html @@ -8,6 +8,7 @@ +

    Hello World

    \ No newline at end of file diff --git a/assignments/events/2. backgroundChange/main.css b/assignments/events/2. backgroundChange/main.css index e69de29..6561d16 100755 --- a/assignments/events/2. backgroundChange/main.css +++ b/assignments/events/2. backgroundChange/main.css @@ -0,0 +1,3 @@ +body{ + background-color: white; +} \ No newline at end of file diff --git a/assignments/events/2. backgroundChange/main.js b/assignments/events/2. backgroundChange/main.js index e69de29..2563cda 100755 --- a/assignments/events/2. backgroundChange/main.js +++ b/assignments/events/2. backgroundChange/main.js @@ -0,0 +1,12 @@ +function changeBackground(){ + document.body.style.backgroundColor = "hotpink" +}; + +document.body.addEventListener("mousemove", changeBackground); + +function random() { + var col = `#${String(9597547352642325273375 * Math.random()).slice(0, 6)}`; + document.body.style.backgroundColor = col; +} + +document.body.addEventListener("mousemove", random); \ No newline at end of file diff --git a/assignments/events/3. randomQuotes/index.html b/assignments/events/3. randomQuotes/index.html index 3b854bd..21b7a37 100755 --- a/assignments/events/3. randomQuotes/index.html +++ b/assignments/events/3. randomQuotes/index.html @@ -8,6 +8,12 @@ +

    Click For Random Quotes

    +
    +

    +

    +
    + \ No newline at end of file diff --git a/assignments/events/3. randomQuotes/main.js b/assignments/events/3. randomQuotes/main.js index 8686458..9c7a745 100755 --- a/assignments/events/3. randomQuotes/main.js +++ b/assignments/events/3. randomQuotes/main.js @@ -3,7 +3,6 @@ var quotes; // Write your code here - quotes = [ { "quoteAuthor": "Thomas Edison", @@ -314,3 +313,11 @@ quotes = [ "quoteText": "Great talent finds happiness in execution." } ]; + +function newQuote () { + + var randomQuote = Math.floor((Math.random() * quotes.length)); + document.getElementById("quotedisplay").innerHTML = quotes[randomQuote].quoteText; + document.getElementById("quoteauthor").innerHTML = quotes[randomQuote].quoteAuthor; +} +document.getElementById("clicked").addEventListener("click", newQuote); diff --git a/assignments/events/4. mouseMove/index.html b/assignments/events/4. mouseMove/index.html index e69de29..e686709 100644 --- a/assignments/events/4. mouseMove/index.html +++ b/assignments/events/4. mouseMove/index.html @@ -0,0 +1,33 @@ + + + + + + Mouse-Over + + + + +

    MouseOver Event

    +

    +

    +

    +

    + +