Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.

Preview

Start a free Basic trial
to watch this video

Sign up for Treehouse

Challenge: Using nextElementSibling

0:37 with Guil Hernandez and Joel Kraft

You've learned a lot so far, and you're ready to write a JavaScript feature on your own. In this challenge, you'll implement a "down" button for each list item that moves the item one position downward in the list. This challenge is a great way to practice what you've learned so far!

MDN page for nextElementSibling

  • 0:00

    We've covered a great deal of material so far.

  • 0:02

    And you're ready to write a JavaScript feature on your own.

  • 0:05

    Earlier, when you learned or read about previous element sibling,

  • 0:08

    you may have noticed that there's also a next element sibling property.

  • 0:12

    And it works in the way you'd expect.

  • 0:14

    It returns the element immediately following the referenced element.

  • 0:18

    Now, I'd like to challenge you to use this property to implement a down button for

  • 0:22

    each list item just as we did earlier with the up button.

  • 0:25

    So in other words,

  • 0:26

    the down button will move the item one position downward in the list.

  • 0:30

    This challenge is a great way to practice what we've learned so far.

  • 0:33

    And in the next video, I'll show you how I implemented it.

  • 0:36

    Good luck.

You need to sign up for Treehouse in order to download course files.

Sign up