JavaScript JavaScript and the DOM Getting a Handle on the DOM Selecting Multiple Elements

Zaria Sellers
Zaria Sellers
Full Stack JavaScript Techdegree Student 3,536 Points

how do u post the script for the colors?????

help plz

js/app.js
var listItems;
var colors = ["#C2272D", "#F8931F", "#FFFF01", "#009245", "#0193D9", "#0C04ED", "#612F90"];

for(var i = 0; i < colors.length; i ++) {
  listItems[i].style.color = colors[i];    
}
index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Rainbow!</title>
  </head>
  <body>
    <ul id="rainbow">
      <li>This should be red</li>
      <li>This should be orange</li>
      <li>This should be yellow</li>
      <li>This should be green</li>
      <li>This should be blue</li>
      <li>This should be indigo</li>
      <li>This should be violet</li>
    </ul>
    <script src="js/app.js"></script>
  </body>
</html>

1 Answer

Steven Parker
Steven Parker
170,333 Points

The code to handle the colors is provided for you. Your task is to just add an assignment to the top line to give the variable "listItems" a reference to the collection of items that will be colored.

Hint: the document.querySelectorAll function might be useful.