Refactoring Inline Event Handlers
Copy the following HTML into a new file:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style>body, html { cursor: grab; width: 100%; height: 100%; } #cookie { position: absolute; font-size: 50px }</style> </head> <body> <h1>Hands off the cookie!</h1> <span id="cookie" onmouseover="this.style.top=`${(innerHeight-200)*Math.random()}px`;this.style.left=`${(innerWidth-200)*Math.random()}px`;alert('JESSE! Please stop!')">🍪</span> </body> </html>