<center><div id="myDiv1" style="width: 300px; height: 300px;font-size:25px; background-color: red;">Color will change after touch and leave
</div>
</center>
const div1 = document.getElementById('myDiv1');

//Add event listener for Div
div1.addEventListener('mouseout', () => {
       div1.style.backgroundColor = 'blue';  // change bg-color red to blue
 });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.