add event listener by class, read data attribute - full page

<!DOCTYPE html>
<html>
<head>

<style>

    body{
        background-color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    .classTarget{
        padding:1em;
        background-color: #dedede;
        cursor: pointer;
    }

</style>

</head>
<body>

<div id="div00" class="classTarget" data-info="Div Zero Info">Div Zero</div>
<div id="div01" class="classTarget" data-info="Div One Info">Div One</div>

<script>

    // GET CLASS AS ARRAY...
    var targetClickList = document.querySelectorAll(".classTarget");
    // ADD EVENT LISTENER...
    for(var i = 0; i < targetClickList.length; i++) {
        targetClickList[i].addEventListener("click", doTargetClick);
    }

    // EVENT LISTENER FUNCTION...
    function doTargetClick(event){
        var thisId = event.target.id;
        var thisInfo = event.target.getAttribute('data-info')
        console.log(thisId + " : " + thisInfo);
    }

</script>

</body>
</html>