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

Austin Cascarelli
Austin Cascarelli
3,522 Points

There is no reason why task 1 should no longer work. Your Challenge Task app is flawed.

I would like to continue learning on TeamTreeHouse but now I'll have wait until the next day I have free time because there is no way to skip a broken challenge.

js/app.js
let navigationLinks = document.querySelectorAll("nav > ul > li > a");
let container1 = document.querySelector("#gallery");
let footerImages = document.querySelectorAll("footer > a > img");
let galleryLinks = container.getElementsByTagName("a");
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>

2 Answers

Steven Parker
Steven Parker
229,005 Points

You can always skip a challenge by clicking on the next circle in the "stage bar" over the video area. You can also go to the course index page and pick any video from any stage there.

But the problem in your answer is that you created a variable named "container1", but then you reference an undefined one named "container" (without the "1").

And your answers are otherwise OK, but you could make them a bit less specific. For example, a more literal translation of "links in the nav element" into a selector would be just "nav a".

Austin Cascarelli
Austin Cascarelli
3,522 Points

Thanks, this comment helped a lot

Antti Lylander
Antti Lylander
9,686 Points

let navigationLinks = document.querySelectorAll("nav ul li a")

for the first row and the second and third row will work the same way. You need 3 rows only and you can use querySelectorAll for all of them.