Instructions Step $4$: Moving the Frog and Adding Animations $[50$ marks$]$ Add an event listener that registers the function "moveFrog" to the "keydown" event of the document. $[2$ marks$]$ Define a function called "moveFrog" that checks the key pressed on the keyboard and if the key is an arrow key, it changes the state of the "frog" object accordingly. The function checks the boundaries of the page and applies a blocking policy if no more movement in the direction of the arrow key is possible. When the frog reaches the grass area at the top of the screen, it can enter the grass field only if it is in front of one of the empty safe homes. $[15$ marks$]$ Create a class called "Sprite" to define objects that are placed in