From e12182e248e526e99322824ac32cb0d48c84cac7 Mon Sep 17 00:00:00 2001 From: munira Date: Wed, 15 Mar 2023 23:14:56 -0500 Subject: [PATCH 1/2] working on it --- .vscode/settings.json | 3 ++ js/index.js | 69 ++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 71 insertions(+), 1 deletion(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/js/index.js b/js/index.js index dbbab4c..519350e 100644 --- a/js/index.js +++ b/js/index.js @@ -39,4 +39,71 @@ const siteContent = { // Example: Update the img src for the logo let logo = document.getElementById("logo-img"); - logo.setAttribute('src', siteContent["nav"]["img-src"]) \ No newline at end of file + logo.setAttribute('src', siteContent["nav"]["img-src"]); + + +const h1 = document.getElementsByTagName('h1') +h1.textContent = "DOM Is Awesome" + +const button1 = document.getElementsByTagName('button') +button1.textContent= "Get Started" + +let cta = document.getElementById("cta-img"); +cta.setAttribute('src', "img/header-img.png"); + + +const menu =document.querySelectorAll('h4') +menu[0].textContent= "Features" + +const featurescontent= document.querySelectorAll('p') +featurescontent[0].textContent="Features content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis." +//console.log(featurescontent) + +const abouth4 = document.querySelectorAll('h4') +abouth4[1].textContent= "About" + + +const aboutcontent= document.querySelectorAll('p') +aboutcontent[1].textContent= "About content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis." + +let middleimg= document.getElementById('middle-img'); +middleimg.setAttribute('src', 'img/mid-page-accent.jpg') + +const servicesh4= document.querySelectorAll('h4') +servicesh4[2].textContent= "Services" + +const Servicescontent = document.querySelectorAll('p') +Servicescontent[2].textContent= "Services content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis." + //console.log(Servicescontent) + + + const producth4= document.querySelectorAll('h4'); + producth4[3].textContent="Product" + + const productcontent= document.querySelectorAll('p'); + productcontent[3].textContent= "Product content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis." + + + const visionh4= document.querySelectorAll('h4'); + visionh4[4].textContent="Vision" + + const visioncontent= document.querySelectorAll('p'); + visioncontent[4].textContent= "Vision content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis." + + + let contacth4= document.querySelectorAll('h4'); + contacth4[5].textContent= "Contact" + + let address= document.querySelectorAll('p'); + address[5].textContent= "123 Way 456 Street Somewhere, USA" + + + let phone= document.querySelectorAll('p'); + phone[6].textContent= "1 (888) 888-8888" + + let email= document.querySelectorAll('p'); + email[7].textContent= "sales@greatidea.io" + + let copyright= document.querySelectorAll('p'); + copyright[8].textContent= "Copyright Great Idea! 2018" + From 0b210de56b81e4c28322bb5f9cadeae3c36cd859 Mon Sep 17 00:00:00 2001 From: munira Date: Thu, 16 Mar 2023 21:38:42 -0500 Subject: [PATCH 2/2] finished DOM Assignment --- js/index.js | 30 +++++++++++++++++++++++++++--- 1 file changed, 27 insertions(+), 3 deletions(-) diff --git a/js/index.js b/js/index.js index 519350e..6cfc882 100644 --- a/js/index.js +++ b/js/index.js @@ -37,21 +37,45 @@ const siteContent = { }, }; + + // Example: Update the img src for the logo let logo = document.getElementById("logo-img"); logo.setAttribute('src', siteContent["nav"]["img-src"]); +const navLinks = document.querySelectorAll('nav a'); +navLinks[0].textContent= "Services" + +const navtwo = document.querySelectorAll('nav a'); +navtwo[1].textContent= "Product" + +let nav3 = document.querySelectorAll('nav a'); +nav3[2].textContent= "Vision" + +let nav4= document.querySelectorAll('nav a'); +nav4[3].textContent= "Features" + +let nav5= document.querySelectorAll('nav a'); +nav5[4].textContent= "About" -const h1 = document.getElementsByTagName('h1') -h1.textContent = "DOM Is Awesome" +let nav6 = document.querySelectorAll('nav a'); +nav6[5].textContent= "Contact" + + +const div = document.getElementsByTagName('div') +div.textContent = "DOM Is Awesome" + console.log(div) + + //let tca = document.querySelectorAll('cta h1'); + //tca[1].textContent= "Dom Is Awesome" Tried this way 2 const button1 = document.getElementsByTagName('button') button1.textContent= "Get Started" + let cta = document.getElementById("cta-img"); cta.setAttribute('src', "img/header-img.png"); - const menu =document.querySelectorAll('h4') menu[0].textContent= "Features"