diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..840cc43 Binary files /dev/null and b/.DS_Store differ diff --git a/about.html b/about.html new file mode 100644 index 0000000..c5c55ee --- /dev/null +++ b/about.html @@ -0,0 +1,38 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git a/images/IMG_0285.JPG b/images/IMG_0285.JPG new file mode 100644 index 0000000..2dc645f Binary files /dev/null and b/images/IMG_0285.JPG differ diff --git a/images/ratio3x2_1200.jpg b/images/ratio3x2_1200.jpg new file mode 100644 index 0000000..c4ec763 Binary files /dev/null and b/images/ratio3x2_1200.jpg differ diff --git a/js-dom.html b/js-dom.html new file mode 100644 index 0000000..b6deee1 --- /dev/null +++ b/js-dom.html @@ -0,0 +1,61 @@ + + + + + + JS-Dom HTML + + + + + + + \ No newline at end of file diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..60288cc --- /dev/null +++ b/js/main.js @@ -0,0 +1,26 @@ +window.addEventListener("load", (event) => { + /*Style font on window load*/ + document.querySelector("body").style.fontFamily = "Arial, sans-serif"; + + /*Add image on window load*/ + let image = document.createElement("img"); + image.src = "images/ratio3x2_1200.jpg"; + image.alt = "San Francisco Bay Bridge"; + document.body.appendChild(image); + + + /*Create image on window load*/ + let picOfMe = document.createElement("img"); + picOfMe.src = "images/IMG_0285.JPG"; + picOfMe.alt = "Picture of Katharyn Lynn Oggenfuss"; + document.body.append(picOfMe); +}); + +/*Populate facts about me in existing unordered list*/ +let factsAboutMe = ["Nickname: Kiki", "Favorites: jazz, piano, Halloween", "Hometown: Middletown", "Random Fact: I started playing the piano at 4 years old"]; +let li = document.querySelectorAll("li"); +for(i=0;i { + console.log("in paragraphs"); + firstParagraph.textContent = "We are coders!"; + secondParagraph.textContent = "We are coders!"; +}); + +buttonAddMoreText.addEventListener("click", () => { + console.log("in first paragraph"); + firstParagraph.textContent = "Developers for life!"; +}); + +buttonToggleImage.addEventListener("click", () => { + if (buttonToggleImage.style.display == "none") { + let img = document.createElement("img"); + img.src = "https://www.wilmingtonde.gov/Home/ShowPublishedImage/2524/636504239673830000"; + console.log(img); + buttonToggleImage.appendChild(img); + } else { + buttonToggleImage.textContent = "Display Image"; + + } +}); + + + + diff --git a/lib/images/Annie J. Easley.jpg b/lib/images/Annie J. Easley.jpg deleted file mode 100644 index 8bd7e4b..0000000 Binary files a/lib/images/Annie J. Easley.jpg and /dev/null differ diff --git a/lib/images/David L. Steward.jpg b/lib/images/David L. Steward.jpg deleted file mode 100644 index e27bd68..0000000 Binary files a/lib/images/David L. Steward.jpg and /dev/null differ diff --git a/lib/images/Guy Primus.jpg b/lib/images/Guy Primus.jpg deleted file mode 100644 index a237892..0000000 Binary files a/lib/images/Guy Primus.jpg and /dev/null differ diff --git a/lib/images/Jessie Woolley-Wilson.jpeg b/lib/images/Jessie Woolley-Wilson.jpeg deleted file mode 100644 index 5815f22..0000000 Binary files a/lib/images/Jessie Woolley-Wilson.jpeg and /dev/null differ diff --git a/lib/images/Katherine Johnson.jpg b/lib/images/Katherine Johnson.jpg deleted file mode 100644 index 6019f35..0000000 Binary files a/lib/images/Katherine Johnson.jpg and /dev/null differ diff --git a/lib/images/Kathryn Finney .jpg b/lib/images/Kathryn Finney .jpg deleted file mode 100644 index 2375ad5..0000000 Binary files a/lib/images/Kathryn Finney .jpg and /dev/null differ diff --git a/lib/images/Kimberly Bryant.jpg b/lib/images/Kimberly Bryant.jpg deleted file mode 100644 index 1c1a553..0000000 Binary files a/lib/images/Kimberly Bryant.jpg and /dev/null differ diff --git a/lib/images/Stacy Spikes.jpg b/lib/images/Stacy Spikes.jpg deleted file mode 100644 index acbde2c..0000000 Binary files a/lib/images/Stacy Spikes.jpg and /dev/null differ diff --git a/lib/images/diversetech.jpeg b/lib/images/diversetech.jpeg deleted file mode 100644 index ff00080..0000000 Binary files a/lib/images/diversetech.jpeg and /dev/null differ diff --git a/lib/images/fist.png b/lib/images/fist.png deleted file mode 100644 index d640375..0000000 Binary files a/lib/images/fist.png and /dev/null differ diff --git a/lib/images/laptop.svg b/lib/images/laptop.svg deleted file mode 100644 index 4368d51..0000000 --- a/lib/images/laptop.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/table-of-contents.html b/table-of-contents.html new file mode 100644 index 0000000..86935cd --- /dev/null +++ b/table-of-contents.html @@ -0,0 +1,89 @@ + + + + + + Document + + +
+

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