[JS] Conditionals

NOMAD CODERS - 바닐라 JS로 크롬 앱 만들기

---

🔵 Conditionals (조건문)

true / false 알려주기 때문에 뭔가 확인해야할 때 사용

if / else if / else

if (condition) {
  /// condition === true
} else {
  /// condition === false
}

음주 가능 나이 계산기

<script>

// prompt: 답하기 전까지 실행을 멈춤, CSS 적용할 수 없음
const age = parseInt(prompt("How old are you?"));

// console.log(age, parseInt(age));
// console.log(isNaN(age));


if (isNaN(age) || age < 0) {
  console.log("Please write a real positive number.");
} else if (age < 18){
  console.log("You are too young.");
} else if(age >= 18 && age <= 50){
  console.log("You can drink.")
} else if (age > 50 && age <= 80) {
  console.log("You should exercise.")
} else if (age === 100) {
  console.log("wow you are wise.")
} else if (age > 80) {
  console.log("You can do whatever you want.")
} 

</script>

1. prompt로 "How old are you?" 값 입력 창 띄우기
2. parseInt로 입력 값 숫자로 변환
3. parseInt로 숫자 변환되지 않는 문자(string) 입력 시 NaN으로 출력
4. 1~3에 해당하는 변수 age 값을 isNaN으로 NaN인지 Number인지 boolean으로 출력
5. if (boolean) { } 에 4 넣어 true or false 출력
6. true(NaN)로 출력 된다면 숫자 기재 요청 문구,
   false(Number)로 출력 된다면 입력 완료 문구

OR operator
true || true === true
false || true === true
true || false === true
false || false === false

AND operator
true && true === true
false && true === false
true && false === false
false && false === false