How to remove the call of 2 handlers when clicking on a child element?

Question

JavaScript

Good afternoon!
I have a handler when clicking on the parent block, which outputs a message to the console.
Inside the parent block there is a button, when clicking on it, another handler should occur, but all two handlers are called.
Can you please tell me how can I make it so that only one handler is called when the button is clicked.
Link to example https://codesandbox.io/s/priceless-moon-hb7h1

Answer 1

google what event bubbling is and how to stop it