Javascript: to do list

EX. 마우스 움직임에 반응하는 텍스트 만들기

From.h 2023. 5. 30. 15:16
728x90
반응형

오늘 과제!

 

마우스 움직임에 따라 반응하는 텍스트

 

 

 

마우스를 글자 위에 올리면 text가 변하고

마우스가 벗어나면 또 text가 변하고

화면사이즈를 조절하면 text가 변하고

마우스 우클릭하면 text가 변하는 js를 작성함

 

 

 

 

함수를 이용하여 마우스 반응에 대한 동작을 정의하고

이벤트 리스너를 통해 각 행위에 대해 연결해줌

텍스트 내용과 컬러에 대한 변수를 불러와 할당하고

각 함수에 변수를 적용함

 

 

 

참고사항(이벤트)

마우스 온 = "mouseover"

마우스 릴리즈 = "mouseout"

마우스 우클릭 = "contextmenu"

윈도우창 크기조절 = "resize"

 

 

 

 

 

BR.h

 

 

728x90
반응형