티스토리 뷰
If , else
if-else, if-else, if-else로 만약 ~진행된다면 하고 else아니라면 말고 이런식으로 진행된다.
if(10 === 5) {
console.log("hi");
} else {
console.log("ho");
}
만약 10이 정말로 5와 똑같다면, hi라고 보여주고, 아니라면 ho라고 보여주라는 명령에 결과는?
ho가 나온다. 10 === 5는 같지 않기 때문이다.
if("10" === 10) {
console.log("hi");
} else {
console.log("ho");
}
//ho
이 결과는? 당연히 ho다. string10과 number10은 같지 않기 때문이다.
if - else if - else 의 구조로 쓸수도 있다. else if는 계속 다른 조건으로 사용 가능하다.
if(20 > 5 && "Alexis" === "Alexis") {
console.log("yes");
} else {
console.log("no");
}
//결과는 no.
처음 if( )의 조건에 여러개를 담고자 할때에는, &&을 사용하는데 and와 같은말로, 만약 A와 B가 맞다면, yes,
아니라면 no를 보여주라는것으로 모든 조건에 충족을 해야지만 yes고 하나라도 거짓이라면 else가 되는것이다.
if(20 > 5 || "Alexis" === "Alexis") {
console.log("yes");
} else {
console.log("no");
}
//결과는 yes.
이 경우는 || or을 사용한 것으로, A 아니면 B중에 true라면 yes. 아니라면 no라서, 조건 하나만 충족을 해도 yes인 것으로 대답할 수 있다.
true && true = true;
false && true = false;
true && false = false;
false && false = false;
true || true = true;
false ||true = true;
true || false = true;
false ||false = false;
&& 과 ||의 차이에 대해서 주의하자!
prompt
alert과 비슷하다. 유저에게 무엇인가를 물어볼 수 있다. 잘 사용하지 않는다. 오래된 자바스크립트.
const age = prompt("How old are you?");
if( age >= 18 && age <= 21){
console.log("You can drink but you Should not");
} else if( age > 21 ){
console.log("Go ahead");
} else {
console.log("Too young");
조건식에 만약 나이가 18살과 같거나 많고, 그리고&& 21살과 같거나 어리다면 (두 조건 모두 충족), console창에 마실수 있지만 ,마셔서는 안된다. 라는것이 보일것이고, 그 후 나이가 21살보다 많다면, 맘대로 하라. 라는 문장이 나타날 것이고, 만약 앞 조건에 충족되지 않은 나이는 18살보다 적은 나이일 것이므로, 너무 어리다. 라는 문장이 나타나게 된다.
'노마드코더 > 자바스크립트' 카테고리의 다른 글
#2-7 DOM If else Function practice part Two (0) | 2021.08.29 |
---|---|
#2-6 DOM If else Function practice (0) | 2021.08.29 |
#2-4 Events and event handlers (0) | 2021.08.29 |
#2-3 Modifying the DOM with JS (0) | 2021.08.29 |
#2-2 JS DOM Functions (0) | 2021.08.29 |