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 Practice Selecting Elements

Cory Walker
Cory Walker
6,037 Points
Posted by Cory Walker
Cory Walker
6,037 Points

Can someone help, not sure what's going on

It keeps telling me to go to task one. I re-entered the code multiple times, not sure why it's not passing

js/app.js 
let navigationLinks = document.querySelectorAll('nav ul li a');
let galleryLinks = document.querySelectorAll('#gallery a');
let footerImages = document.querySelectorALL('.social-icon');
index.html 
<!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>&copy; 2016 Nick Pettit.</p>
      </footer>
    </div>
  <script src="js/app.js"></script>
  </body>
</html>
Kristian Woods
Kristian Woods
23,414 Points 
document.querySelectorAll('nav a');
document.querySelectorAll('#gallery a');
document.querySelectorAll('footer img');

This worked for me. Also, I you have caps on 'ALL'

1 Answer

Justin Cantley
Justin Cantley
18,068 Points
Justin Cantley
Justin Cantley
18,068 Points

There are 2 issues with your code.
The first is that you capitalized the l's in the all of your last query selector. They should be lower case.
The second mistake is that you want to target footer img instead of .social-icon.
The code should look like this:

let navigationLinks = document.querySelectorAll('nav a');
let galleryLinks = document.querySelectorAll('#gallery a');
let footerImages = document.querySelectorAll('footer img');
Cory Walker
Cory Walker
6,037 Points
Cory Walker
Cory Walker
6,037 Points

Thanks for the help guys, actually I deleted the web page, did the quiz over with the same code and it worked, not sure what was going on