Can anyone help me with this code please..?

Question

app.js

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

list.addEventListener('click', function(e) {
  if (e.target.tagName == 'BUTTON') {
    let parent = list.parentNode;
    let linefive= parent.lastElementChild;
    linefive.style.backgroundColor = 'yellow';


  }
});

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 · 2017-12-01T14:56:13Z

December 1, 2017 2:56pm

You want a class of "highlight" added to the paragraph that is before the button that is clicked. With parentNode you select the li element. Then you use firstChild to select the first child of that li:

    e.target.parentNode.firstChild.className = "highlight";

Welcome to the Treehouse Community

Looking to learn something new?

Mike John

Mike John

Can anyone help me with this code please..?

1 Answer

Olga DC

Olga DC