[부스트코스] 3. 자바스크립트 기초 (자바스크립트 제어문 part 1. " 비교연산자, 조건문" )

이 글은 부스트코스에서 제공하는 생활코딩 강의를 기반으로 정리한 내용입니다.

1. 비교연산자와 블리언

1) 자바스크립트 비교연산자 '==='

조건문의 비교연산자는 보통 '=='을 사용한다.

하지만 자바스크립트에서는 '==' 과 '===' 2개를 사용한다.

 

< '==' 과 '==='의 차이점>

쉽게말해

• '==' 은 값만을 비교 [ 덜 빡빡한 비교 ]
• '==='은 유형(Type) 과 값(Value)를 비교 [빡빡한 비교]

아주 유명한 뚱이 짤

변수를 비교하거나 어떤 비교를 위해 항상 '===' 연산자를 사용 할 것을 권장한다.

---

2. 조건 연산자로 토글 만들기

 

1. if() 문을 활용하여 선택 연산을 진행한다.
2. querySelector() 로 태그&선택자를 지정하고 하위 특성들을 변경한다.

if(document.querySelector('#night_day').value === 'night') {
  document.querySelector('body').style.backgroundColor = 'black';
  document.querySelector('body').style.color = 'white';
  document.querySelector('#night_day').value = 'day';
}
else {
  document.querySelector('body').style.backgroundColor = 'white';
  document.querySelector('body').style.color = 'black';
  document.querySelector('#night_day').value = 'night';
}

---