input 이벤트
<input> 태그에서만 일어나는 input이벤트와 change 이벤트가 있는데 <input> 안에 뭔가 입력할 때 발생한다.
document.getElementById('email').addEventListener('input', function(){
console.log('안녕')
});<input>에 입력된 값이 변경될 때 input 이벤트가 발생한다.
input에 아무거나 입력해보면 그 때마다 콘솔창에 안녕이 출력된다.
change 이벤트
document.getElementById('email').addEventListener('change', function(){
console.log('안녕')
});<input>에 입력된 값이 변경되고 커서를 다른 곳에 찍으면 change 이벤트가 발생한다.
그래서 <input> 값이 변경되었을 때 뭔가 코드를 실행하고 싶으면
input, change 이벤트리스너를 활용할 수 있다.
true/false 자료
실제로 if 조건문 자리에는 == 등호 이런게 아니라 true, false를 넣어야 잘 작동한다.
true는 참, false는 거짓을 뜻하는 자료형이다.
다른말로 boolean 타입 이라고 한다.
(그럼 1 == 1 이런거 넣어도 if문 잘 작동하는 이유는?
A. 1 == 1 쓰면 그 자리에 true 아니면 false 가 자동으로 남아서 그렇다고 한다.
콘솔창에 1 == 1 출력해보고 확인해볼 수 있다.)
다름을 비교하고 싶다면 !=
console.log(2 != 1)위 코드는 그래서 true가 콘솔창에 출력
≠ 이것과 같은 의미!
console.log(2 == '2') //true 나옴
console.log(2 === '2') //false 나옴같다고 비교하려면 == 쓰면 된다고 했는데 실은 === 이것도 있음
== 이건 느슨한 비교
=== 이건 엄격한 비교 !
엄격한 다른 비교를 해주고 싶으면 !== 써주면 된다.
== 느슨한 비교는 자료의 타입변환을 스스로 알아서 해보고 동일하면 true라고 판정해준다.
=== 엄격한 비교는 자료의 타입까지 동일해야 true라고 판정해준다.
if문 안에서 true, false 역할을 하는 자료들
0제외 모든 숫자
'문자'
[]
{}이런 것들은 if문 소괄호 안에서 true랑 같은 역할
0
''
null
undefined
NaN이런 것들은 if문 소괄호 안에서 false랑 같은 역할
and/or 연산자
if문 소괄호 안에 조건식을 여러개 동시에 입력하고 싶을 때 사용하는데
if (1 == 1 && 2 == 2){
console.log('안녕')
}&& 기호는 논리학의 and 역할이다.
왼쪽 오른쪽이 둘 다 true면 전체를 true로 바꿔준다.
if (1 == 1 && 2 == 3){
console.log('안녕')
}이러면 출력X
if (1 == 1 || 2 == 3){
console.log('안녕')
}|| 기호는 논리학의 or 역할이다.
왼쪽 오른쪽 둘 중 true가 적어도 1개 있으면 전체를 true로 남겨준다.
