I need help writing this code? So, I use the HTML Collection method, and it is not reading it.

Question

Which method am I supposed to use while trying to crack the code?

app.js

// Complete the challenge by writing JavaScript below
const colors = ["#C2272D", "#F8931F", "#FFFF01", "#009245", "#0193D9", "#0C04ED", "#612F90"];
let listItems.form.item[0];

for ( let i = 0; i < colors.length; i++ ) {
  listItems[i].style.color = colors[i];
}

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>JavaScript and the DOM</title>
  </head>
  <body>
    <h1>My List</h1>
    <ul>
      <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="app.js"></script>
  </body>
</html>

Answer 1 · 2022-07-06T00:11:10Z

July 6, 2022 12:11am

Here's a few hints:

syntax rules don't allow properties to be accessed on an object while it is being declared
"form" is not a property associated with an HTMLCollection
to set the variable value, use an assignment (= operator)
the entire collection should be assigned to the variable
a method that returns an HTMLCollection is document.getElementsByTagName
you may want to review the examples shown in the Select Elements by Tag Name video lesson

Answer 2 · 2022-07-06T11:11:24Z

July 6, 2022 11:11am

Thank you, your explanation helped me. I passed the code!

Welcome to the Treehouse Community

Looking to learn something new?

Patrick Thomas

Patrick Thomas

I need help writing this code? So, I use the HTML Collection method, and it is not reading it.

2 Answers

Steven Parker

Steven Parker

Patrick Thomas

Patrick Thomas