From 8398f344e5400a03495bb28ff02cd1526c45c47a Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Mon, 28 Dec 2020 19:34:25 -0500 Subject: [PATCH 01/23] DOM lab commit --- js-dom.html | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 js-dom.html diff --git a/js-dom.html b/js-dom.html new file mode 100644 index 0000000..8bc7dff --- /dev/null +++ b/js-dom.html @@ -0,0 +1,19 @@ + + + + DOM Lab + + +

+ +

+

+ +

+ + + + + + + From 0de01b267da0ccf240f317c6062065f3c4c410e5 Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Mon, 28 Dec 2020 20:27:28 -0500 Subject: [PATCH 02/23] adding script and image --- js-dom.html | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/js-dom.html b/js-dom.html index 8bc7dff..76f891d 100644 --- a/js-dom.html +++ b/js-dom.html @@ -4,15 +4,20 @@ DOM Lab -

+

Developers for life

+

-

-

- -

+//Coding image +

+ From ac4b20aefc9439f9d258e663aa2d5d7b335f632e Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Mon, 28 Dec 2020 21:03:27 -0500 Subject: [PATCH 03/23] added font size and changed color --- js-dom.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/js-dom.html b/js-dom.html index 76f891d..864b610 100644 --- a/js-dom.html +++ b/js-dom.html @@ -4,14 +4,14 @@ DOM Lab -

Developers for life

+

Developers for life

-//Coding image +Coding image -

+

+// + + From 217b318b1bb6e15b31ed0f7e76a561a8a069e67e Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Tue, 29 Dec 2020 07:32:01 -0500 Subject: [PATCH 05/23] created about me page --- about.html | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 about.html diff --git a/about.html b/about.html new file mode 100644 index 0000000..3363b61 --- /dev/null +++ b/about.html @@ -0,0 +1,11 @@ + + + + + + About me + + + + + \ No newline at end of file From 745ef2cb41bca8993f45648ed37ba05edcaa986d Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Tue, 29 Dec 2020 07:38:19 -0500 Subject: [PATCH 06/23] Inserted list items --- about.html | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/about.html b/about.html index 3363b61..9f48386 100644 --- a/about.html +++ b/about.html @@ -6,6 +6,15 @@ About me + +
    +
  • Nickname: booboo
    • +
  • Favorites: music, pizza, The Office
    • +
  • Hometown: Wilmington
    • +
  • Random Fact: Black is my favorite color.
    • +
+ + \ No newline at end of file From 634d89b5d67b4df2abb2ca93c8ee7478e91a3756 Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Tue, 29 Dec 2020 07:41:23 -0500 Subject: [PATCH 07/23] Added title of page --- about.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/about.html b/about.html index 9f48386..5b54990 100644 --- a/about.html +++ b/about.html @@ -6,7 +6,7 @@ About me - +

About Me

  • Nickname: booboo
  • Favorites: music, pizza, The Office
    • From b2ce853c83f732e438bea0bf3341440ace81b3c2 Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Tue, 29 Dec 2020 08:22:40 -0500 Subject: [PATCH 08/23] Added personal details --- about.html | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/about.html b/about.html index 5b54990..02539cf 100644 --- a/about.html +++ b/about.html @@ -3,18 +3,20 @@ + About me

    About Me

    +My picture
      -
    • Nickname: booboo
      • -
    • Favorites: music, pizza, The Office
      • -
    • Hometown: Wilmington
      • -
    • Random Fact: Black is my favorite color.
      • +
    • Nickname: Nomi
      • +
    • Favorites: movies, coding, traveling
      • +
    • Hometown: Bear
      • +
    • Random Fact: Always keen to learn something new .
    - + \ No newline at end of file From 0bf2320d4595f681a6083cc8b7d59215711962e9 Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Tue, 29 Dec 2020 08:28:22 -0500 Subject: [PATCH 09/23] added items under table of contents --- Table_of_contents.html | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 Table_of_contents.html diff --git a/Table_of_contents.html b/Table_of_contents.html new file mode 100644 index 0000000..deedda8 --- /dev/null +++ b/Table_of_contents.html @@ -0,0 +1,27 @@ + + + + + + Table of Contents + + +
    +

    Table of Contents

    +
    +
    +
    +

    Fruits

    +

    Red Fruits

    +

    Apple

    +

    Raspberry

    +

    Orange Fruits

    +

    Orange

    +

    Tangerine

    +

    Vegetables

    +

    Vegetables Which Are Actually Fruits

    +

    Tomato

    +

    Eggplant

    +
    + + \ No newline at end of file From 512c8c56b242cf91a43f536eb90b3a68a3a2ea9d Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Tue, 29 Dec 2020 12:45:19 -0500 Subject: [PATCH 10/23] created toc --- Table_of_contents.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/Table_of_contents.html b/Table_of_contents.html index deedda8..4c8b218 100644 --- a/Table_of_contents.html +++ b/Table_of_contents.html @@ -4,13 +4,14 @@ Table of Contents + -
    +

    Table of Contents

    -
    +

    Fruits

    Red Fruits

    Apple

    @@ -22,6 +23,8 @@

    Vegetables

    Vegetables Which Are Actually Fruits

    Tomato

    Eggplant

    -
    + +
    + \ No newline at end of file From 6596256a00507d976fdac0e9a62ce9b24bc18d9d Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Wed, 30 Dec 2020 17:06:56 -0500 Subject: [PATCH 11/23] Added span element --- about.html | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/about.html b/about.html index 02539cf..7395727 100644 --- a/about.html +++ b/about.html @@ -9,13 +9,15 @@

    About Me

    My picture -
      -
    • Nickname: Nomi
      • -
    • Favorites: movies, coding, traveling
      • -
    • Hometown: Bear
      • -
    • Random Fact: Always keen to learn something new .
      • + +
        +
      • Nickname: Nomi
        • +
      • Favorites: movies, coding, traveling
        • +
      • Hometown: Bear
        • +
      • Random Fact: Always keen to learn something new .
      +       From 57c5dddcf3833b682aae5705377e1e12183e1c4c Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Wed, 30 Dec 2020 17:40:12 -0500 Subject: [PATCH 12/23] changed font using dom method --- about.html | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/about.html b/about.html index 7395727..618916b 100644 --- a/about.html +++ b/about.html @@ -6,18 +6,18 @@ About me - +

      About Me

      My picture - +
        -
      • Nickname: Nomi
        • -
      • Favorites: movies, coding, traveling
        • -
      • Hometown: Bear
        • -
      • Random Fact: Always keen to learn something new .
        • +
      • Nickname: Nomi
        • +
      • Favorites: Movies, coding, traveling
        • +
      • Hometown: Bear
        • +
      • Random Fact: Always keen to learn something new .
      -       + From d31bd3795801ee308c0684a8b2d0c7ebb6860792 Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Wed, 30 Dec 2020 21:04:59 -0500 Subject: [PATCH 13/23] created p elements and defined id --- js-dom.html | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/js-dom.html b/js-dom.html index b2e0474..4ff1ec1 100644 --- a/js-dom.html +++ b/js-dom.html @@ -5,8 +5,8 @@ -

      Developers for life

      -

      +

      +

      Coding image
      @@ -14,18 +14,20 @@
      - -

      + From 172f9ac9a24dcc6ef8da63c0bbf9efee4bf4046d Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Wed, 30 Dec 2020 22:32:20 -0500 Subject: [PATCH 14/23] added image --- js-dom.html | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/js-dom.html b/js-dom.html index 4ff1ec1..36ee82b 100644 --- a/js-dom.html +++ b/js-dom.html @@ -6,13 +6,28 @@

      + + + +

      -Coding image -
      + + + + + + + + + + + + + @@ -27,6 +27,10 @@ + + + + From d58fb7ab95a29b164bf97c2730e51e61b94f9f6d Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Tue, 5 Jan 2021 11:15:29 -0500 Subject: [PATCH 22/23] adding and changing text, add image, hide image, changing color and font functions --- dom.js | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 56 insertions(+) create mode 100644 dom.js diff --git a/dom.js b/dom.js new file mode 100644 index 0000000..d289829 --- /dev/null +++ b/dom.js @@ -0,0 +1,56 @@ +function addText(){ +document.getElementById("para1").textContent="We are Coders!"; +} + +function changeText(){ + document.getElementById("para1").innerText="Developers for life!" + +} + +function addImg(){ + let image = new Image(); + image.src="img1.jpg"; + document.getElementById("para2").appendChild(image); +} +/*function addImg(){ + let x = document.createElement("img"); + x.setAttribute("src","img1.jpg"); + document.body.appendChild(x); + +}*/ + +function changeColor(){ + document.getElementById("para1").style.color="Blue"; +} + +function changeFont(){ + document.getElementById("para1").style.fontSize="40px"; +} + +function hideImage(){ + document.getElementById("para2").textContent=""; +} + + + + +/*var a; +function show_hide() +{ +if (a===1) + { + document.getElementById("image").style.display="inline"; + return a=0; + } + else + { + document.getElementById("image").style.display="none"; + return a=1; + } + +} +*/ + + + + From 15da925e1fde120292eadeae6797752fb64b2844 Mon Sep 17 00:00:00 2001 From: nomi7677 Date: Tue, 5 Jan 2021 11:16:16 -0500 Subject: [PATCH 23/23] styling button for DOM elements --- dom.css | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 dom.css diff --git a/dom.css b/dom.css new file mode 100644 index 0000000..6ad763f --- /dev/null +++ b/dom.css @@ -0,0 +1,5 @@ +button{ + + padding: 10px; + font-weight: bold; +}