본문 바로가기
JS/JS_BASE

[기본문법 7] conditionals

by David.Ho 2023. 2. 9.
728x90
반응형
//conditionals

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

// parseInt()
// parseInt(): string to number

console.log(typeof age, typeof parseInt(age));
// javascript 타입 확인 typeof

//현재는 prompt는 사용하지 않음.
//javascript code의 실행을 멈추고 메세지 창이 이쁘지 않음.
//아무런 스타일 즉, CSS를 적용시킬 수 없다.

//최근에는 대부분 HTML, CSS로 만든 자신만의 창을 사용.

// string이면 숫자의 비교를 할 수 없지만 숫자면 가능
const age = parseInt( prompt("How old are you?") );
console.log(age)

//////////////////////////////////////////////////////////////////////////////////////

const age = parseInt( prompt("How old are you?") );
console.log( isNaN(age) );
// isNaN(): check number
// number가 아니면 true number이면 false

//////////////////////////////////////////////////////////////////////////////////////
// 기본구조
if(condition) {
    // condition === ture
} else {
    // condition === false
}

// age가 number가 아니면
if (isNaN(age)) {
    console.log("please write a number");
} else {
    console.log("Thank you for writing your 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) { // and=&, or=||
    console.log("You can drink");
} else if (age > 50 && age <= 80) {
    console.log("you should exercise");
} else if (age > 80) {
    console.log("You can do whatever you want.")
} else {}
728x90
반응형

'JS > JS_BASE' 카테고리의 다른 글

[기본 문법 9] Searching For Elements  (0) 2023.02.13
[기본문법 8] HTML in Javascript  (0) 2023.02.13
[기본문법 6] return  (0) 2023.02.09
[기본문법 5] Function with JS  (0) 2023.02.08
[기본문법 4] object  (0) 2023.01.31

댓글