<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>이벤트 객체와 매개변수(mousemove)</title> <style> body { overflow: hidden; } #followMouse { transition: transform 1s linear; } </style> </head> <body> <img id="followMouse" src="../media/photo3.png"> <script> let image = document.getElementById("followMouse"); document.onmousemove = updateImage; function updateImage(event) { const X = event.clientX; const Y = event.clientY; image.style.transform = `translate(${X}px, ${Y}px)`; } </script> </body> </html>