Learn Basic OOP by Building a Shopping Cart - Step 60

JavaScript
1

Tell us what’s happening:

Can someone please explain this when would we be needing to bind the method and when not. I though straight away calling the clear cart would clear the whole cart.

Your code so far

<!-- file: index.html -->


/* file: styles.css */


/* file: script.js */
// User Editable Region

clearCartBtn.addEventListener("click", cart.clearCart)

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Challenge Information:

Learn Basic OOP by Building a Shopping Cart - Step 60

2

you’ll need to read this documentation to understand why it is needed

When attaching a handler function to an element using addEventListener(), the value of this inside the handler will be a reference to the element. It will be the same as the value of the currentTarget property of the event argument that is passed to the handler.