웹3 - 4강 (5/22)

[자바스크립트 클릭이벤트]

https://codepen.io/kkkge/pen/RwmRwEJ

js- click

Click
조건1: 버튼을 클릭하면 노란색 선 안에 배경색이 초록색으로 변경된다.

1. addClass이벤트를 작성할 때 대문자 C로 작성해야한다.
2. addClass에 관련된 소괄호에는 ()html에 강제로 입력할 문자를 작성한다. 작성할 때 점(.)을 함께 작성하면 점까지 html class 속성값에 추가된다.

removeClass
조건2: 배경색 제거 버튼을 클릭하면 .box배경색이 다시 흰색으로 변경

 

[else]

https://codepen.io/kkkge/pen/gOJMbMy

js - else

 

 

[나머지 연산자 토글형태]

https://codepen.io/kkkge/pen/NWVrPjq

나머지 연산자를 활용한 토글형태 구현

목적: 버튼을 한번 클릭하면 배경색이 초록색으로 다시 클릭하면 흰색으로 변경