JavaScript

Browser Events

<div id="parent-div">
  <button id="button">Click me!</button>
</div>

// Get references to the parent div and button
const parentDiv = document.getElementById('parent-div');
const button = document.getElementById('button');

const handleDivEvent = () => {
  console.log("Div clicked!");
};

const handleButtonEvent = (event) => {
  console.log("Button clicked!");
  event.stopPropagation();
}
// Attach event listeners
parentDiv.addEventListener('click', handleDivEvent);
button.addEventListener('click', handleButtonEvent);