노마드코더 JS 챌린지 Assign.4

과제: 간단한 이벤트로 웹애플리케이션 만들기 

Condition

1. 마우스가 title위로 올라가면 텍스트가 변경되어야 합니다.
2. 마우스가 title을 벗어나면 텍스트가 변경되어야 합니다.
3. 브라우저 창의 사이즈가 변하면 title이 바뀌어야 합니다.
4. 마우스를 우 클릭하면 title이 바뀌어야 합니다.
5. title의 색상은 colors 배열에 있는 색을 사용해야 합니다.
6. .css 와 .html 파일은 수정하지 마세요.
7. 모든 함수 핸들러는 superEventHandler내부에 작성해야 합니다.

My Issue

1. 조건 7번

하나의 변수 안에 함수 핸들러 객체를 할당하는 방법을 몰랐으나(내가 강의를 대충 들은 탓인건가...;)

노마드코더 슬랙을 통해 해결하였다 :)

예시)

const superEventHandler = {
    mouseEnter:function() {
        text.innerText = "You are touching!"},
}

2. 창에서 이벤트가 발생할 때는 window 객체 사용

 

Result