webplacidcy

부모 요소와 자식 요소 사이에서 자식 요소에 이벤트가 발생하면 부모 요소에도 이벤트가 전파된다 one two three 결과 one two three three를 클릭하면 two / one에도 영향을 주고 two를 클릭하면 one에도 영향을 one을 클릭하면 one 하나에만 영향을 받는다

1. MouseOver / MouseOut : 마우스 커서가 요소에 올렸을때 빠져 나올때의 이벤트, 해당하는 요소와 자식 요소까지 영향을 준다 2. MouseEnter / MouseLeave : 해당 요소에만 영향을 주고 자식 요소는 제외된다 코드 one Mouseover / Mouseout two MouseEnter / MouseLeave 결과 one Mouseover / Mouseout two MouseEnter / MouseLeave 1. Mouseover / Mouseout의 경우 마우스를 올려놓으면 텍스트 주변 배경색상이 바뀌고 회색 범위로 마우스를 옮기면 텍스트 크기가 커진다, 자식 태그인 텍스트까지 영향을 준다 2. MouseEnter / MouseLeave의 경우 마우스를 어디에 올려놓아도..

객관식 형태의 3개의 문제가 있고 각각 보기를 선택하고 정답 확인을 클릭하면 정답 여부를 알 수 있고 몇 문제를 맞췄는지를 텍스트로 나타난다

객관식 문제로 4개의 보기 중 하나를 클릭하고 정답 확인하기를 클릭하면 정답 여부와 답을 확인 할 수 있다

3개의 문제에 각각 정답을 입력하는 칸이 있고 입력한 글이 정답일 경우 정답, 아닐경우 오답 텍스트가 표시된다