x
<html><body><h1>HTML DOM Events</h1><h2>The focusin and focusout Events</h2><p>When you enter the input field, a function sets the background color to yellow.</p><p>When you leave the input field, a function removes the background color.</p><form id="myForm"> <input type="text" id="myInput"></form><script>let x = document.getElementById("myForm");x.addEventListener("focusin", myFocusFunction);x.addEventListener("focusout", myBlurFunction);function myFocusFunction() { document.getElementById("myInput").style.backgroundColor = "yellow";}function myBlurFunction() { document.getElementById("myInput").style.backgroundColor = ""; }</script></body></html>