질문 있습니다~!

정말 감사합니다!! 감사합니다~오늘 하루도 즐거운 하루 되세욥!!!!!

질문 있습니다~!

진짜 죄송한데요 제가 이렇게 하기처럼 코드를 짰는데요 혹시 봐주실 수 있을까요? let btn; let cursorItem; let circle; let x=0, y = 0; let mx=0, my = 0; let scrollTop = 0; let bar; window.onload = function(){ function first(){ btn = document.querySelector(".btn"); cursorItem = document.querySelector(".cursorItem"); circle = cursorItem.querySelector(".circle"); btn.addEventListener("mouseover", function(e){ circle.style.transform = "scale(.3)"; }) btn.addEventListener("mouseout", function(e){ circle.style.transform = "scale(1)"; }) window.addEventListener("mousemove", function(e){ x = e.clientX; y = e.clientY; }); loop(); } function second() { bar = document.getElementsByClassName("bar")[0]; window.addEventListener("scroll", function(e){ scrollTop = document.documentElement.scrollTop; let per = Math.round((scrollTop / (document.documentElement.scrollHeight - window.innerHeight)) * 100); bar.style.height = per + "%"; }, false) } } function loop(){ mx += (x - mx ) * .09; my += (y - my ) * .09; cursorItem.style.transform = "translate("+ mx +"px, "+ my + "px )"; requestAnimationFrame(loop); }

질문 있습니다~!

빠른 답변 감사합니다~! 근데 진짜 죄송한데요 이해가 안되요 ㅠ 이게 loop문은 하기에 안들거야 하는건가요?? window.onload = function(){ 버튼 이벤트 스크롤이벤트 등등등 전부 여기에 넣으면 됩니다. }