input, change 이벤트와 and, or 연산자

document.getElementById('email').addEventListener('input', function(){
  console.log('안녕')
});

 

<input>에 입력된 값이 변결될 때 이벤트가 발생한다

-> 바뀔때 마다 안녕이 계속 출력됨, 커서를 다른데 찍어도 출력됨 -> 포인터이동개념

 

값이 변경되었을 때 뭔가 코드를 실행하고 싶으면 input, change 이벤트리스너 활용

 

if (true){
  console.log('진짜임')
}

 

if ()안의 조건문 자리에는 true, false를 넣어야 잘 작동한다.

 

console.log(2 != 1)

 

다름을 비교

 

console.log(2 == '2')  //true 나옴
console.log(2 === '2')  //false 나옴

 

==는 비교, ===는 엄격한 비교(자료의 타입까지 동일해야 true판정)

 

0
''
null
undefined
NaN

 

-> if문 소괄호 안에서 false랑 같은 역할을 한다.

 

0제외 모든 숫자
'아무문자'
[]
{}

 

-> true랑 같은 역할을 한다.

 

if (1 == 1 && 2 == 2){
  console.log('안녕')
}

 

논리학의 and역할 (=그리고)

둘다 참이어야함

if (1 == 1 || 2 == 3){
  console.log('안녕')
}

 

논리학의 or역할(=또는)

 

느낀점

이벤트리스너 사용법이 다양하다.

 

if () {

}

 

조건문 코드를 볼때는 이해가 잘되는데 직접 쳐보기에는 어려움이 있었다. 소괄호는 조건 대괄호는 결괏값이다