Méthode : HTMLElement.addEventListener()

<style type="text/css">
.myDiv {cursor:pointer;}
.divBlack{background-color:#000;  color:#fff;}
</style>
<div id="myDiv1" class="myDiv" onclick="black1(this)">Mon div 1 : L'événement click est déclaré dans le code HTML par onclick</div>
<script>
function black1(o) {
 o.className="divBlack";
}
</script>

<div id="myDiv2" class="myDiv">Mon div 2 : l'événement click est ajouté par addEventListener("click")</div>
<script>
document.getElementById("myDiv2").addEventListener("click", black2);
function black2(evenement) {
 evenement.target.className="divBlack";
}
</script>