Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript and the DOM (Retiring) Getting a Handle on the DOM Selecting Multiple Elements

Eugene Lee
Eugene Lee
11,890 Points
Posted by Eugene Lee
Eugene Lee
11,890 Points

on DOM, it's the question with regards to document.querrySelectAll for rainbow. i didn't type )) , but error message pop

i din't type )) , but error message pops out with )) that i never typed. it's got to a bug. can u help

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>
js/app.js 
let listItems = document.querrySelectAll("#rainbow li");
const colors = ["#C2272D", "#F8931F", "#FFFF01", "#009245", "#0193D9", "#0C04ED", "#612F90"];

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

2 Answers

Mike Hatch
Mike Hatch
14,940 Points
Mike Hatch
Mike Hatch
14,940 Points

The error message reads:

Bummer: There was an error with your code: TypeError: 'undefined' is not a function (evaluating 'document.querrySelectAll("#rainbow li")')

A set of parentheses is surrounding the line of code that is being evaluated as a means of emphasis. You've made a spelling error in the method name. Querry should be typed as query and Select as Selector.

Eugene Lee
Eugene Lee
11,890 Points
Eugene Lee
Eugene Lee
11,890 Points

thanks Mike. however, I did pass this challenge with window 7 laptop. I want to share my weird experience when I type in answer All("#rainbow li") on my iOS laptop, the auto grader was adding extra ) to my answer to redound me to got freaked out for countless endeavor for entire sleepless night. I had similar issues with auto grader with treehouse on different subjects such as that of C# or php that I failed to complete at final challenge after 98% done. I did complete GitHub, Linux command line and javascript with code academy of which classes are on succorrance upon auto -grader, but their auto grader was reliable not like that of treehouse with erratic unreliable predisposition. many thanks for your care.