Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript JavaScript and the DOM (Retiring) Traversing the DOM Solution: Using nextElementSibling

4 Answers

Steven Parker
Steven Parker
215,984 Points

I see two issues:

  • the arguments on line 32 are in the wrong order
  • there's a stray extra close brace on lin 35

So, starting with line 31:

    if (nextLi) {
      ul.insertBefore(nextLi, li);  // instead of (li, nextLi)
    }
  }
// }  <-  removed extra close brace 

I used all of the same code the teacher used but my down button is not working. Help please!

listUl.addEventListener('click', (event) => {
  if (event.target.tagName == 'BUTTON') { 
    if (event.target.className == 'remove') {
      let li = event.target.parentNode;
      let ul = li.parentNode;
      ul.removeChild(li);
    }
    if (event.target.className == 'up') {
      let li = event.target.parentNode;
      let prevLi = li.previousElementSibling;
      let ul = li.parentNode;
      if (prevLi) {
        ul.insertBefore(li, prevLi);
      }
    }
    if (event.target.className == 'down') {
      let li = event.target.parentNode;
      let nextLi = li.nextElementSibling;
      let ul = li.parentNode;
      if (nextLi) {
        ul.insertBefore(nextLi, li);
      }
    }
  }
});
Steven Parker
Steven Parker
215,984 Points

The down buttons work for me. Perhaps the problem is in a different part of the code that is not shown here.

I recommend you start a fresh question, and make a snapshot of your workspace and post the link to it with your question.

Thank you Steven. I was able to figure it out. There was a problem with the HTML.