0
395
VistasLooping through arrays. Rainbow Text Exercise
Need help. I attached the image of the question, This is the image of the code:
// This is the given code:
const colors = ['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet'];
// I written these:
const spans = document.querySelector('h1 span');
for(let rainbow of spans){
spans.style.color = " ";
}
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
You should use document.querySelectorAll('h1 span') to get all span item.
Then you can use Array.forEach to get character and index. Then you map the index to the colors array.
// This is the given code:
const colors = ['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet'];
// I written these:
const spans = document.querySelectorAll('h1 span');
spans.forEach((item, index) => {
item.style.color = colors[index];
})<h1>
<span>R</span>
<span>A</span>
<span>I</span>
<span>N</span>
<span>B</span>
<span>O</span>
<span>W</span>
</h1>
·
Juan Pablo Isaza
Denunciar
0
const colors = ['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet'];
//PLEASE DON'T CHANGE THIS LINE!
//YOU CODE GOES HERE:
const letters = document.querySelectorAll('span')enter code here
let count = 0
for (let letter of letters){
letter.style.color = colors[count]
count += 1
}
·
Juan Pablo Isaza
Denunciar
Responde la pregunta