Esdeveniments

by xxjcaxx

HTML

<div id="quadrat"><div id="quadrat_dins"></div></div>

CSS

#quadrat {
   width: 400px;
   height: 400px;
   border: 2px solid #aaa;
   border-radius: 5px;
}


#quadrat_dins {
   width: 200px;
   height: 200px;
   margin: 100px 0 0 100px;
   border: 2px solid #aaa;
   border-radius: 5px;
   background-color: tomato;
}

JavaScript

/*
Fes en JS que quan fem click en el quadrat de dins sols escriga “DINS” per la consola i quan fem click en l’exterior escriga “FORA”. Sols pots utilitzar addEventListener i sols una vegada. 
*/