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! While you're at it, check out some resources Treehouse students have shared here.

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 One Solution

Posted by Anna Astle
Anna Astle
13,614 Points

Remove the '.extra' <div> element: not sure why my solution isn't working. Anyone willing to offer some help?

https://w.trhou.se/il2thdqqqr

1 Answer

Alex Koumparos
seal-mask
.a{fill-rule:evenodd;}techdegree
Alex Koumparos
Python Development Techdegree Student 36,887 Points
Alex Koumparos
.a{fill-rule:evenodd;}techdegree
Alex Koumparos
Python Development Techdegree Student 36,887 Points

Hi Anna,

You have a typo in your call to deleteButton.addEventListener().

Your code is:

deleteButton.addEventListener = ('click', () => {
        container.removeChild(extra);                         
                                 });

Which JS understands as assigning ('click', () => { ... }) to the addEventListener property on the deleteButton object. This replaces the existing addEventListener() function with a string.

Instead, you want to call the existing addEventListener() function with the click and () => { ... } arguments.

Hope that's clear.

Cheers,

Alex

Anna Astle
Anna Astle
13,614 Points

Makes total sense. Thank you!