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

 

#2.13 conditionals

 

조건문(conditional)

'if'와 'else'

 

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

console.log (age);

그러면 프롬프트 창이 뜨고 자바스크립트의 실행은 멈춘다.

프롬프트 창을 잘 쓰지않는 이유다. 

예쁘지 않고, html이나 css를 적용시킬 수 없다.

요즘에는 대부분 HTML, CSS로 만든 자신만의 창을 사용한다.

 

프롬프트 창에서 사용자에게 입력받은 값이 어떤 타입인지 알기 위해서는 다음과 같은 코드를 쓴다.

 

console.log (typeof age);

 콘솔 창에는 숫자를 써도 type이 string으로 나온다. 

 

type을 숫자로 바꾸기 위해서는?

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

console.log(age);

먼저 function은 내부에서 외부로 값을 반환한다.

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

에서 프롬프트에 사용자가 입력한 값을 받고 

 

const age = parseInt(15));

입력한 값을 숫자로 바꾸거나 

혹은 

const age = parseInt(lalala));

 

숫자가 아니라면 NaN(Not a numer) 로 표기된다. 

 

#2.14 conditionals part Two

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

console.log(isNaN(age));

결과는 false이다. 프롬프트 창에 15를 입력했을 때 

숫자면(NaN 값이 아니다) false, 숫자가 아니면 (NaN 값이다) true값을 반환한다. 

 

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

if(isNaN(age)){
    console.log("Please write number");
}

else

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

if(isNaN(age)){
    console.log("Please write number");
} else {
    console.log("Thank you for writing your age.");
}