Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript and the DOM (Retiring) Making Changes to the DOM Removing Nodes

Uncaught TypeError: Cannot read property 'addEventListener' of null at app.js:40

Can't seem to find whats causing this error, from what I can see the code I've written is identical to the teachers code in the video.

``` button in index.html <button class="removeItemButtom">Remove last item</button>

``` javascript code
const removeItemButton = document.querySelector('button.removeItemButton');

removeItemButton.addEventListener('click', () => {
  let ul = document.getElementsByTagName('ul')[0];
  let li = document.querySelector('li:last-child');
  ul.removeChild(li);
});

1 Answer

Steven Parker
Steven Parker
224,874 Points

It's just a spelling issue. The code is looking for a button with the class "removeItemButton", but the HTML defines the button's class as "removeItemButtom" (with an "m" at the end).