Answers for "event bubbling and capturing w3schools"

js add click listener

document.getElementById("myBtn").addEventListener("click", function() {
  alert("Hello World!");
});

event listener javascript

const element = document.querySelector(".class__name");

element.addEventListener("click", () => {
	console.log("clicked element");
});

event listener javascript

document.querySelector('div').addEventListener('click', () => {
  console.log('div clicked');
});

what is event bubbling in javascript with example

p {
    line-height: 0;
}

div {
    display:inline-block;
    padding: 5px;

    background: #fff;
    border: 1px solid #aaa;
    cursor: pointer;
}

div:hover {
    border: 1px solid #faa;
    background: #fdd;
}