JavaScript JavaScript and the DOM Traversing the DOM Sibling Traversal

Bernard Smith
Bernard Smith
Python Development Techdegree Student 8,733 Points

suggestions ?

how am i suppsoed to add the class to the p

app.js
var list = document.getElementsByTagName('ul')[0];
let highLight = document.className='highlight';
 let p = document.querySelectorAll('p')
list.addEventListener('click', function(e) {
  if (e.target.tagName == 'BUTTON') {

   highLight=p.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>

1 Answer

Steven Parker
Steven Parker
201,320 Points

There are several ways, but the simplest is perhaps to just assign the string value directly to the "className" attribute of the element.

And for this challenge, you only need to add code inside the "if" block. Don't add or change any of the code outside!