Event Test

by Luca Giuberti

HTML

<div id="out">
  <div id="in">
  </div>
</div>

CSS

#in{
  width:100px;
  height: 100px;
  background-color:red;
}

#out{
  width:200px;
  height: 200px;
  background-color:yellow;
}

div{
  background-color:red;
}

JavaScript

document.getElementById('in').addEventListener('click', function(event) {
    console.log("click on in");
});
    
document.getElementById('out').addEventListener('click', function(event) {
    console.log("click on out");
});