let heading = document.querySelector("#main-heading");
heading.addEventListener("click", () => {
 console.log("You clicked the heading!");
});

let para = document.querySelector("#para");
para.addEventListener("click", () => {
 console.log("Charlie bit me!");
});
document.querySelector("em").addEventListener("click", () =>{
     console.log("You clicked the em element!");
    });
document.querySelector("body").addEventListener("click", () => {
     console.log("You clicked the body element!");
    });