Detect what div 'id' or 'class' was clicked on page without jQuery

Question

Is there a way to write an event on the page to listen for any and all clicks on the page and return their id or class name. I can't seem to find anything that does it without the use of jQuery. Example:

document.body.addEventListener('click', function(event)
    console.log(event.target.id)
    console.log(event.target.className);
});

Seems very simple but I am just having a hard time getting it to work. I have tried setting the event listener to the window as well.

Answer 1

document.body.addEventListener('click', function(event){
    console.log(event.target.id)
    console.log(event.target.className);
});

missing {

Answer 2

I figured it out. I was clicking inside of an iframe and therefor it wasn't returning any values. Works outside of an iframe like intended. Thanks all!