공부기록/[강의노트] 바닐라 JS로 크롬 앱 만들기

바닐라 JS로 크롬 앱 만들기 #2.15~#2.16

Jenner 2022. 4. 14. 05:17

#2.15 Conditionals part Three

1) or 연산자

true || true === true

true || false === true

false || true === true

false || false === false

 

2) And 연산자

true  && false === false

false && true === false

true && true === true

 

const age = parseInt(prompt("How old are you?"));
if(isNaN(age) || age < 0){
    console.log("Please write a real positive number");
} 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 < 18) {
    console.log("You are too young.");
} else if (age > 80) {
    console.log("You can do whatever you want.");
}
 
 

#2.16 Recap

 

const age = parseInt(prompt("How old are you?"));

if(isNaN(age) || age < 0){
    console.log("Please write a real positive number");
} 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 < 18) {
    console.log("You are too young.");
} else if (age === 100) {
    console.log("Wow you are wise")
} else if (age > 80) {
    console.log("You can do whatever you want.");
}


(1)코드
순서

else if (age === 100) {
    console.log("Wow you are wise")
}
코드가 

(2)코드 

else if (age > 80) {
    console.log("You can do whatever you want.");
}
(1)코드가 (2)코드 다음에 나왔다면 작동되지 않았을 것이다. 
왜냐하면 100도 또한 80이상이기 때문. 

 

그러므로 (1)코드를 작동시키기 위해서는 (2)코드 앞에 위치시켜서 작동되게 만든다.

자바스크립트는 위에서 아래로 작동된다.