JS- onmouseover(), onmouseout()

<!DOCTYPE html>
<html>

  <body>

    <img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="http://bcasupport.xyz/wp-content/uploads/2017/03/site-icon.png" alt="Smiley" width="32" height="32">
  
    <p>The function bigImg() is triggered when the user moves the mouse pointer over the image.</p>
    <p>The function normalImg() is triggered when the mouse pointer is moved out of the image.</p>
  
    <script>
      function bigImg(x) {
        x.style.height = "64px";
        x.style.width = "64px";
      }
  
      function normalImg(x) {
        x.style.height = "32px";
        x.style.width = "32px";
      }
    </script>

  </body>

</html>