diff --git a/lib/Manny Pic 2.jpeg b/lib/Manny Pic 2.jpeg new file mode 100644 index 0000000..b1c1a10 Binary files /dev/null and b/lib/Manny Pic 2.jpeg differ diff --git a/lib/about.html b/lib/about.html new file mode 100644 index 0000000..363f583 --- /dev/null +++ b/lib/about.html @@ -0,0 +1,25 @@ + + + + + + About Me + + + + + +

+ +

+ + + + + + \ No newline at end of file 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 new file mode 100644 index 0000000..334271e --- /dev/null +++ b/lib/js-dom.html @@ -0,0 +1,28 @@ + + + + + + Minority Tech + + + + +
+

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..5b03d25 --- /dev/null +++ b/lib/main.js @@ -0,0 +1,14 @@ +document.getElementById("changeFont").style.fontFamily = "Arial, sans-serif"; +document.getElementById("changeFont").style.color = "red"; + + +function revealImgae() { + var x = document.createElement("IMG"); + x.setAttribute("src", "Manny Pic 2.jpeg"); + x.setAttribute("width", "400"); + x.setAttribute("height", "350"); + x.setAttribute("alt", "Manny Playing Basketball"); + document.body.appendChild(x); + } + + 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"; + } + +} diff --git a/lib/toc.html b/lib/toc.html new file mode 100644 index 0000000..be0cba3 --- /dev/null +++ b/lib/toc.html @@ -0,0 +1,32 @@ + + + + + + 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