confused on how to start this

Question

I'm confused on what I should do.

app.js

var list = document.getElementsByTagName('ul')[0];

list.addEventListener('click', function(e) {
  if (e.target.tagName == 'BUTTON') {
    list= list.previousElementSibling;

  }
});

index.html

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript and the DOM</title>
    </head>
    <link rel="stylesheet" href="style.css" />
    <body>
        <section>
            <h1>Making a Webpage Interactive</h1>
            <p>Things to Learn</p>
            <ul>
                <li><p>Element Selection</p><button>Highlight</button></li>
                <li><p>Events</p><button>Highlight</button></li>
                <li><p>Event Listening</p><button>Highlight</button></li>
                <li><p>DOM Traversal</p><button>Highlight</button></li>
            </ul>
        </section>
        <script src="app.js"></script>
    </body>
</html>

Answer 1 · 2019-10-17T09:30:15Z

October 17, 2019 9:30am

You have the right idea, but it's not the sibling of the "list" that you want, but the sibling of the button. And the "if" just confirmed that the event target ("e.target") is a button.

Then it's just a matter of assigning the class to it.

Welcome to the Treehouse Community

Looking to learn something new?

Kinkaid Nolen

Kinkaid Nolen

confused on how to start this

1 Answer

Steven Parker

Steven Parker

Kinkaid Nolen

Kinkaid Nolen