wall3d.js에서 마우스위치 x,y 값이 안잡히는데 이유를 알수 있을까요? {x: NaN, y: NaN}

Question

( function ()   {      const   stageElem   =   document . querySelector ( ' .stage ' ) ;      const   houseElem   =   document . querySelector ( ' .house ' ) ;      const   barElem   =   document . querySelector ( ' .progress-bar ' ) ;      const   mousePos   =   { x : 0 ,   y : 0 };      let   maxScrollValue ;      function   resizeHandler (){          maxScrollValue   =   document . body . offsetHeight   -   window . innerHeight ;      }      window . addEventListener ( ' scroll ' ,   function (){          const   scrollPer   =   pageYOffset   /   maxScrollValue ;          const   zMove   =   scrollPer   *   980   -   490 ;          houseElem . style . transform   =   ` translateZ( ${ zMove } vw) ` ;          barElem . style . width   =   scrollPer   *   100   +   ' % ' ;      } ) ;      window . addEventListener ( ' mousemove ' ,   function ( e ){          mousePos . x   =   - 1   +  ( e . ClientX   /   window . innerWidth )  *   2 ;          mousePos . y   =   1   -  ( e . ClientY   /   window . innerHeight )  *   2 ;          console . log ( mousePos ) ;      } ) ;      window . addEventListener ( ' resize ' ,   resizeHandler ) ;      resizeHandler () ; } )() ;

seon · Answer

네 감사합니다~

1분코딩 · Answer

아 네 ㅎㅎ 공부 화이팅하세요!

seon · Answer

clientX에서 C를 대문자로 써서 그렇네요!  대문자 실수였습니다~하하