Merge pull request bloominstituteoftechnology#697 from jackgipson/jac…

…k-gipson

Jack gipson - Complete

README.md

@@ -43,4 +43,5 @@ You have been provided a [JSON object](js/index.js) with all the necessary data
 * [ ] Study tomorrow's lesson on events and try to integrate a button that can update content on the site with a click of a button.  You could build a similar data object with new values to help you test the click event.
 
 ## Stretch Project: Digital Timer
-This project is heavier on logic but employs some DOM manipulation to achieve it's goals.  Go check it out here: [stretch assignment](stretch-assignment) and see how far you can get. 
+This project is heavier on logic but employs some DOM manipulation to achieve it's goals.  Go check it out here: [stretch assignment](stretch-assignment) and see how far you can get. 
+

js/index.js

@@ -37,6 +37,114 @@ const siteContent = {
   },
 };
 
-// Example: Update the img src for the logo
+//Example: Update the img src for the logo
+
 let logo = document.getElementById("logo-img");
 logo.setAttribute('src', siteContent["nav"]["img-src"])
+
+// let headerImg = document.getElementById("cta-img");
+// headerImg.setAttribute("src", "img/header-img.png");
+
+
+
+
+
+//nav
+let services = document.getElementsByTagName('a')[0];
+services.innerText = siteContent['nav']['nav-item-1'];
+
+//===================== Both ways below worked==================================
+
+//let product = document.getElementsByTagName('a')[1];
+//product.innerHTML = 'Product';
+
+//let product = document.getElementsByTagName('a')[1];
+//product.innerText = siteContent['nav']['nav-item-2'];
+
+//===============================================================================
+
+let product = document.getElementsByTagName('a')[1];
+product.innerText = siteContent['nav']['nav-item-2'];
+
+let vision = document.getElementsByTagName('a')[2];
+vision.innerText = siteContent['nav']['nav-item-3'];
+
+let features = document.getElementsByTagName('a')[3];
+features.innerText = siteContent['nav']['nav-item-4'];
+
+let about = document.getElementsByTagName('a')[4];
+about.innerText = siteContent['nav']['nav-item-5'];
+
+let contact = document.getElementsByTagName('a')[5];
+contact.innerText = siteContent['nav']['nav-item-6'];
+
+// cta
+
+let h1_ = document.getElementsByTagName('h1')[0];
+h1_.innerText = siteContent['cta']['h1'];
+
+let button = document.getElementsByTagName("button")[0];
+button.innerText = siteContent['cta']['button'];
+
+let headerImg = document.getElementById("cta-img");
+headerImg.setAttribute("src", siteContent["cta"]["img-src"]);
+
+let middleImg = document.getElementById("middle-img");
+middleImg.setAttribute("src", "img/mid-page-accent.jpg")
+
+// main-content
+
+let featuresH4 = document.getElementsByTagName('h4')[0];
+featuresH4.innerText = siteContent['main-content']['features-h4'];
+
+let featuresContent = document.getElementsByTagName('p')[0];
+featuresContent.innerText = siteContent['main-content']['features-content'];
+
+let about_H4 = document.getElementsByTagName('h4')[1];
+about_H4.innerText = siteContent['main-content']['about-h4'];
+
+let aboutContent_1 = document.getElementsByTagName('p')[1];
+aboutContent_1.innerText = siteContent['main-content']['about-content'];
+
+let services_H4 = document.getElementsByTagName('h4')[2];
+services_H4.innerText = siteContent['main-content']['services-h4'];
+
+let servicesContent = document.getElementsByTagName('p')[2];
+servicesContent.innerText = siteContent['main-content']['services-content'];
+
+let product_H4 = document.getElementsByTagName('h4')[3];
+product_H4.innerText = siteContent['main-content']['product-h4'];
+
+let productContent = document.getElementsByTagName('p')[3];
+productContent.innerText = siteContent['main-content']['product-content'];
+
+let vision_H4 = document.getElementsByTagName('h4')[4];
+vision_H4.innerText = siteContent['main-content']['vision-h4'];
+
+let visionContent = document.getElementsByTagName('p')[4];
+visionContent.innerText = siteContent['main-content']['vision-content'];
+
+// Contact
+
+let contact_H4 = document.getElementsByTagName('h4')[5];
+contact_H4.innerText = siteContent['contact']['contact-h4'];
+let address = document.getElementsByTagName('p')[5];
+address.innerText = siteContent['contact']['address'];
+let phone = document.getElementsByTagName('p')[6];
+phone.innerText = siteContent['contact']['phone'];
+let email = document.getElementsByTagName('p')[7];
+email.innerText = siteContent['contact']['email'];
+
+//footer
+let footer = document.getElementsByTagName('p')[8];
+footer.innerText = siteContent['footer']['copyright'];
+
+ //let aTags = document.querySelectorAll("a");
+// let i;
+// for (i = 0; i < aTags.length; i++) {
+//   aTags[i].style.color = "red";
+// }
+
+// aTags.forEach(element => {
+//   element.style.color = 'blue';
+// });