From 3a13e035b8f2d5b6eef65088d6bea0951cb0e230 Mon Sep 17 00:00:00 2001 From: Manny-Ellegood10 Date: Tue, 29 Dec 2020 19:04:29 -0500 Subject: [PATCH 01/12] added p tags --- lib/js-dom.html | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 lib/js-dom.html diff --git a/lib/js-dom.html b/lib/js-dom.html new file mode 100644 index 0000000..900bddf --- /dev/null +++ b/lib/js-dom.html @@ -0,0 +1,16 @@ + + + + + + Minority Tech + + + + +

+

+ + + + \ No newline at end of file From 6b2d99e86207ee434d7b9700c0cae82d9efc7155 Mon Sep 17 00:00:00 2001 From: Manny-Ellegood10 Date: Tue, 29 Dec 2020 21:20:22 -0500 Subject: [PATCH 02/12] completed steps --- lib/index.html | 2 ++ lib/js-dom.html | 16 ++++++++++++++-- lib/main.js | 15 +++++++++++++++ 3 files changed, 31 insertions(+), 2 deletions(-) create mode 100644 lib/main.js diff --git a/lib/index.html b/lib/index.html index 3bb5740..e3b582c 100644 --- a/lib/index.html +++ b/lib/index.html @@ -80,5 +80,7 @@

David L. Steward

+ + diff --git a/lib/js-dom.html b/lib/js-dom.html index 900bddf..f60f9f7 100644 --- a/lib/js-dom.html +++ b/lib/js-dom.html @@ -8,9 +8,21 @@ -

-

+

We are coders!

+

+

+ + \ No newline at end of file diff --git a/lib/main.js b/lib/main.js new file mode 100644 index 0000000..764173b --- /dev/null +++ b/lib/main.js @@ -0,0 +1,15 @@ +function myFunction() { + var first = document.getElementById("first"); + if (first.innerHTML === "We are coders!") { + first.innerHTML = "Developers for life!"; + } else { + first.innerHTML = "We are coders!"; + } + } +var url = 'https://avatarfiles.alphacoders.com/822/82242.png'; + +var image = new Image(); +image.src = url; +document.getElementById('second').appendChild(image); + + From 03765a6d4b8ec4d2fbf3fd3bf47572f833b268f4 Mon Sep 17 00:00:00 2001 From: Manny-Ellegood10 Date: Thu, 31 Dec 2020 01:16:48 -0500 Subject: [PATCH 03/12] updated animations --- lib/js-dom.html | 22 +++++++++--------- lib/main.js | 59 ++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 69 insertions(+), 12 deletions(-) diff --git a/lib/js-dom.html b/lib/js-dom.html index f60f9f7..8fa851b 100644 --- a/lib/js-dom.html +++ b/lib/js-dom.html @@ -8,21 +8,21 @@ +

We are coders!

-

+

+ + + + + + +
+ - + \ No newline at end of file diff --git a/lib/main.js b/lib/main.js index 764173b..e23b78c 100644 --- a/lib/main.js +++ b/lib/main.js @@ -1,3 +1,10 @@ + +var first = document.getElementById("first"); +var second = document.getElementById("second"); +var myTextInput = document.getElementById("myTextInput"); +var bigFont = document.getElementById("bigFont"); + + function myFunction() { var first = document.getElementById("first"); if (first.innerHTML === "We are coders!") { @@ -10,6 +17,56 @@ var url = 'https://avatarfiles.alphacoders.com/822/82242.png'; var image = new Image(); image.src = url; -document.getElementById('second').appendChild(image); +document.getElementById("second").appendChild(image); + + +function changeTextColor() { + var paraTag = document.getElementById("paraTag"); + if (first.innerHTML === "We are coders!") { + paraTag.style.color = "red"; + first.style.color = "red" + } else if (first.innerHTML = "Developers for life!") { + paraTag.style.color = "red"; + first.style.color = "red" + } else { + first.style.color = "black"; + } + } + function changeTextBack() { + var changeBack = document.getElementById("changeBack"); + if (first.style.color = "red") { + paraTag.style.color = "black"; + first.style.color = "black" + } else { + paraTag.style.color = "red"; + first.style.color = "red" + } + } + function sizeOfParaFont() { + var first = document.getElementById("first"); + var bigFont = document.getElementById("bigFont"); + var congrats = alert(`Click "OK" to confirm the change in Text Size!`); + if (bigFont.innerHTML === "Click Me To Change Text Size!") { + first.style.font = "italic bold 40px arial,serif"; + } else if (first.innerHTML === "We are coders!") { + congrats(); + } else { + alert("Click the button to change the font!"); + } + +} + +function hideImage() { + var hiddenImage = document.getElementById("hiddenImage"); + var congrats = alert(`Click "OK" to Bring the Image Back!`); + if (hiddenImage.innerHTML === "Click to hide Image!") { + image.style.display = "none"; + } else if (first.innerHTML === "We are coders!") { + image(); + } else { + congrats(); + } + +} From e6b5a31889940394ef1771761c2068ed4ff6846c Mon Sep 17 00:00:00 2001 From: Manny-Ellegood10 Date: Sun, 3 Jan 2021 10:40:07 -0500 Subject: [PATCH 04/12] added hidden image script --- lib/main.js | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/lib/main.js b/lib/main.js index e23b78c..7a85c2d 100644 --- a/lib/main.js +++ b/lib/main.js @@ -60,13 +60,10 @@ function changeTextColor() { function hideImage() { var hiddenImage = document.getElementById("hiddenImage"); - var congrats = alert(`Click "OK" to Bring the Image Back!`); if (hiddenImage.innerHTML === "Click to hide Image!") { image.style.display = "none"; - } else if (first.innerHTML === "We are coders!") { - image(); } else { - congrats(); + image.style.display = "block"; } } From 7efee212d84fd85fd0dafdf7e6443eafba2561ae Mon Sep 17 00:00:00 2001 From: Manny-Ellegood10 Date: Sun, 3 Jan 2021 10:42:26 -0500 Subject: [PATCH 05/12] added about me html page --- lib/about.html | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 lib/about.html diff --git a/lib/about.html b/lib/about.html new file mode 100644 index 0000000..11fcdb8 --- /dev/null +++ b/lib/about.html @@ -0,0 +1,16 @@ + + + + + + Minority Tech + + + + + + + + + + \ No newline at end of file From b0ef5b82f37b09ba463d95ee46bb5a74fdedec8e Mon Sep 17 00:00:00 2001 From: Manny-Ellegood10 Date: Sun, 3 Jan 2021 10:47:48 -0500 Subject: [PATCH 06/12] added list items to html page --- lib/about.html | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/lib/about.html b/lib/about.html index 11fcdb8..9de6434 100644 --- a/lib/about.html +++ b/lib/about.html @@ -3,11 +3,18 @@ - Minority Tech + About Me + +
    +
  • Nickname: booboo
    • +
  • Favorites: music, pizza, The Office
    • +
  • Hometown: Wilmington
    • +
  • Random Fact: Black is my favorite color.
    • +
From 1ff131016c19ac6b384f6409ee0522b18cdf2d7d Mon Sep 17 00:00:00 2001 From: Manny-Ellegood10 Date: Sun, 3 Jan 2021 11:00:48 -0500 Subject: [PATCH 07/12] added span and id to list items --- lib/about.html | 8 +++--- lib/js-dom.html | 2 +- lib/main.js | 69 ------------------------------------------------- lib/new.js | 69 +++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 74 insertions(+), 74 deletions(-) create mode 100644 lib/new.js diff --git a/lib/about.html b/lib/about.html index 9de6434..3ac1559 100644 --- a/lib/about.html +++ b/lib/about.html @@ -10,10 +10,10 @@
    -
  • Nickname: booboo
    • -
  • Favorites: music, pizza, The Office
    • -
  • Hometown: Wilmington
    • -
  • Random Fact: Black is my favorite color.
    • +
  • Nickname: booboo
    • +
  • Favorties: music, pizza, The Office
    • +
  • Home: Wilmington
    • +
  • Random Fact: Black is my favorite color.
diff --git a/lib/js-dom.html b/lib/js-dom.html index 8fa851b..334271e 100644 --- a/lib/js-dom.html +++ b/lib/js-dom.html @@ -20,7 +20,7 @@ - + diff --git a/lib/main.js b/lib/main.js index 7a85c2d..e69de29 100644 --- a/lib/main.js +++ b/lib/main.js @@ -1,69 +0,0 @@ - -var first = document.getElementById("first"); -var second = document.getElementById("second"); -var myTextInput = document.getElementById("myTextInput"); -var bigFont = document.getElementById("bigFont"); - - -function myFunction() { - var first = document.getElementById("first"); - if (first.innerHTML === "We are coders!") { - first.innerHTML = "Developers for life!"; - } else { - first.innerHTML = "We are coders!"; - } - } -var url = 'https://avatarfiles.alphacoders.com/822/82242.png'; - -var image = new Image(); -image.src = url; -document.getElementById("second").appendChild(image); - - -function changeTextColor() { - var paraTag = document.getElementById("paraTag"); - if (first.innerHTML === "We are coders!") { - paraTag.style.color = "red"; - first.style.color = "red" - } else if (first.innerHTML = "Developers for life!") { - paraTag.style.color = "red"; - first.style.color = "red" - } else { - first.style.color = "black"; - } - } - - function changeTextBack() { - var changeBack = document.getElementById("changeBack"); - if (first.style.color = "red") { - paraTag.style.color = "black"; - first.style.color = "black" - } else { - paraTag.style.color = "red"; - first.style.color = "red" - } - } - - function sizeOfParaFont() { - var first = document.getElementById("first"); - var bigFont = document.getElementById("bigFont"); - var congrats = alert(`Click "OK" to confirm the change in Text Size!`); - if (bigFont.innerHTML === "Click Me To Change Text Size!") { - first.style.font = "italic bold 40px arial,serif"; - } else if (first.innerHTML === "We are coders!") { - congrats(); - } else { - alert("Click the button to change the font!"); - } - -} - -function hideImage() { - var hiddenImage = document.getElementById("hiddenImage"); - if (hiddenImage.innerHTML === "Click to hide Image!") { - image.style.display = "none"; - } else { - image.style.display = "block"; - } - -} diff --git a/lib/new.js b/lib/new.js new file mode 100644 index 0000000..7a85c2d --- /dev/null +++ b/lib/new.js @@ -0,0 +1,69 @@ + +var first = document.getElementById("first"); +var second = document.getElementById("second"); +var myTextInput = document.getElementById("myTextInput"); +var bigFont = document.getElementById("bigFont"); + + +function myFunction() { + var first = document.getElementById("first"); + if (first.innerHTML === "We are coders!") { + first.innerHTML = "Developers for life!"; + } else { + first.innerHTML = "We are coders!"; + } + } +var url = 'https://avatarfiles.alphacoders.com/822/82242.png'; + +var image = new Image(); +image.src = url; +document.getElementById("second").appendChild(image); + + +function changeTextColor() { + var paraTag = document.getElementById("paraTag"); + if (first.innerHTML === "We are coders!") { + paraTag.style.color = "red"; + first.style.color = "red" + } else if (first.innerHTML = "Developers for life!") { + paraTag.style.color = "red"; + first.style.color = "red" + } else { + first.style.color = "black"; + } + } + + function changeTextBack() { + var changeBack = document.getElementById("changeBack"); + if (first.style.color = "red") { + paraTag.style.color = "black"; + first.style.color = "black" + } else { + paraTag.style.color = "red"; + first.style.color = "red" + } + } + + function sizeOfParaFont() { + var first = document.getElementById("first"); + var bigFont = document.getElementById("bigFont"); + var congrats = alert(`Click "OK" to confirm the change in Text Size!`); + if (bigFont.innerHTML === "Click Me To Change Text Size!") { + first.style.font = "italic bold 40px arial,serif"; + } else if (first.innerHTML === "We are coders!") { + congrats(); + } else { + alert("Click the button to change the font!"); + } + +} + +function hideImage() { + var hiddenImage = document.getElementById("hiddenImage"); + if (hiddenImage.innerHTML === "Click to hide Image!") { + image.style.display = "none"; + } else { + image.style.display = "block"; + } + +} From 0853e48f574af9472dd23156613b0aee72691344 Mon Sep 17 00:00:00 2001 From: Manny-Ellegood10 Date: Sun, 3 Jan 2021 11:19:26 -0500 Subject: [PATCH 08/12] changed font family --- lib/about.html | 8 ++++---- lib/main.js | 1 + 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/lib/about.html b/lib/about.html index 3ac1559..9b4c8b5 100644 --- a/lib/about.html +++ b/lib/about.html @@ -9,11 +9,11 @@ -