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
Kathryn Notson
25,941 PointsJavaScript and the DOM > Getting a Handle on the DOM > Practice Selecting Elements
The 2nd code challenge questions says "Bummer! Was expecting 2 not 3."
let navigationLinks = document.querySelectorAll('nav a');
let galleryLinks = document.getElementById('gallery');
let footerImages;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nick Pettit | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>Nick Pettit</h1>
<h2>Designer</h2>
</a>
<nav>
<ul>
<li><a href="index.html" class="selected">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div id="wrapper">
<section>
<ul id="gallery">
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in Photoshop.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
<a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
<p>© 2016 Nick Pettit.</p>
</footer>
</div>
<script src="js/app.js"></script>
</body>
</html>
3 Answers
Steven Parker
231,271 PointsThat "Bummer" message might be misleading.
The challenge is expecting an element collection but you're giving it a single element, so I suspect that message isn't exactly describing the results accurately.
The challenge asked you to: "select all links in the unordered list with the id of "gallery"". But what your code does is to select the element with the id of "gallery" (the list itself) instead. Just like you did in task 1, remember that links are identified by anchor ("a") tags. So you still want a collection of links, just this time the ones in "gallery" list.
Kathryn Notson
25,941 PointsSteven Parker:
You're correct. But the code challenge questions do lead you in the direction you need to go, but not directly.
Steven Parker
231,271 PointsI guess that's why they call them "challenge" and not just "practice".
Kathryn Notson
25,941 PointsSteven Parker;
I think it's both! :-)
Kathryn Notson
25,941 PointsKathryn Notson
25,941 PointsSteven Parker:
I figured it out on my own after I posted this question. Yes, the instructor was intentionally misleading with the "id" comment. Of course, it helps to really READ every element tag name in the index.html code so you know how deep to go with your string to be returned. The pattern to the answer of the first question of this code challenge is what the instructor is looking for. (I'm not trying to give the specific answers away.)
Thanks. This was driving me nuts for a while, & I knew it wasn't that difficult to begin with. Just a case of over thinking it.
Steven Parker
231,271 PointsSteven Parker
231,271 PointsI meant the error message ("Was expecting 2 not 3.") was misleading, not the instructor! The challenge instructions are OK but you do need to read carefully.