object exampple

<!DOCTYPE html>
<html>
    <body>
        <!-- myDiv is a box that contains myButton and is blue -->
        <div id="myDiv" style="width: 200px; height: 200px; background-color: blue;">
            <button id="myButton" style="width: 100px; height: 100px; display: block; margin: auto;">Click Me!</button>
        </div>
    </body>
    <script>
        document.getElementById('myDiv').addEventListener('click', function(event) {
        alert('Event type: ' + event.type);
        alert('Event target: ' + event.target.tagName);
        alert('Event current target: ' + event.currentTarget.tagName);
        });

        document.getElementById('myButton').addEventListener('click', function(event) {
        alert('Event type: ' + event.type);
        alert('Event target: ' + event.target.tagName);
        alert('Event current target: ' + event.currentTarget.tagName);
        });
    </script>

</html>