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

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
18,326 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
17,107 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

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