From 304b7db666b9d18528a70bb45983c93b9dc9d5f2 Mon Sep 17 00:00:00 2001 From: dawson Date: Thu, 10 Feb 2022 12:19:33 -0800 Subject: [PATCH 1/2] completed all required tasks --- src/index.js | 29 ++++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index e3fb5d7143..ad3b1f1b98 100644 --- a/src/index.js +++ b/src/index.js @@ -39,4 +39,31 @@ const siteContent = { // DO NOT CHANGE THIS OBJECT }, }; -console.log('project wired!') + +let navLinks = document.querySelectorAll('nav a'); +navLinks.forEach((val,i)=>{val.innerText = siteContent['nav'][`nav-item-${i+1}`];val.classList.add('italic')}) + +let cta_text = document.querySelector('.cta-text h1'); +let cta_button = document.querySelector('.cta-text button'); +cta_text.innerText = siteContent['cta']['h1'] +cta_button.innerText = siteContent['cta']['button'] + +let h4s = document.querySelectorAll('h4'); +let ps = document.querySelectorAll('p'); +h4s.forEach((val,i)=>val.innerText = siteContent['main-content'][Object.keys(siteContent['main-content'])[i*2]]) +ps.forEach((val,i)=>val.innerText = siteContent['main-content'][Object.keys(siteContent['main-content'])[(i*2)+1]]) + +let contactH4 = document.querySelector('.contact h4'); +let contactPs = document.querySelectorAll('.contact p'); +contactH4.innerText = siteContent['contact']['contact-h4']; +contactPs.forEach((val,i)=>{ + val.innerText = siteContent['contact'][Object.keys(siteContent['contact'])[i+1]] +}) + +let footer = document.querySelector('footer a'); +footer.innerText = siteContent['footer']['copyright'] +footer.classList.add('bold') + + +let imgs = document.querySelectorAll('img'); +imgs.forEach((val,i)=>val.setAttribute('src',siteContent['images'][Object.keys(siteContent['images'])[i]])) \ No newline at end of file From 6ca78eb20e6fc804eeab5edfb3581534860d264e Mon Sep 17 00:00:00 2001 From: dawson Date: Thu, 10 Feb 2022 13:54:50 -0800 Subject: [PATCH 2/2] fixed the failed tests. Issue: assigning inner text using '.innerText', to fix this issue I used '.textContent' --- src/index.js | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/index.js b/src/index.js index ad3b1f1b98..bdd171093e 100644 --- a/src/index.js +++ b/src/index.js @@ -41,27 +41,27 @@ const siteContent = { // DO NOT CHANGE THIS OBJECT let navLinks = document.querySelectorAll('nav a'); -navLinks.forEach((val,i)=>{val.innerText = siteContent['nav'][`nav-item-${i+1}`];val.classList.add('italic')}) +navLinks.forEach((val,i)=>{val.textContent = siteContent['nav'][`nav-item-${i+1}`];val.classList.add('italic')}) let cta_text = document.querySelector('.cta-text h1'); let cta_button = document.querySelector('.cta-text button'); -cta_text.innerText = siteContent['cta']['h1'] -cta_button.innerText = siteContent['cta']['button'] +cta_text.textContent = siteContent['cta']['h1'] +cta_button.textContent = siteContent['cta']['button'] let h4s = document.querySelectorAll('h4'); let ps = document.querySelectorAll('p'); -h4s.forEach((val,i)=>val.innerText = siteContent['main-content'][Object.keys(siteContent['main-content'])[i*2]]) -ps.forEach((val,i)=>val.innerText = siteContent['main-content'][Object.keys(siteContent['main-content'])[(i*2)+1]]) +h4s.forEach((val,i)=>val.textContent = siteContent['main-content'][Object.keys(siteContent['main-content'])[i*2]]) +ps.forEach((val,i)=>val.textContent = siteContent['main-content'][Object.keys(siteContent['main-content'])[(i*2)+1]]) let contactH4 = document.querySelector('.contact h4'); let contactPs = document.querySelectorAll('.contact p'); -contactH4.innerText = siteContent['contact']['contact-h4']; +contactH4.textContent = siteContent['contact']['contact-h4']; contactPs.forEach((val,i)=>{ - val.innerText = siteContent['contact'][Object.keys(siteContent['contact'])[i+1]] + val.textContent = siteContent['contact'][Object.keys(siteContent['contact'])[i+1]] }) let footer = document.querySelector('footer a'); -footer.innerText = siteContent['footer']['copyright'] +footer.textContent = siteContent['footer']['copyright'] footer.classList.add('bold')