0
397
VisualizaçõesLooping 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 Respostas
Responde à pergunta0
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
Relatório
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
Relatório
Responde à pergunta