본문 바로가기
Dev/JavaScript

[노마드코더] 바닐라 JS로 크롬 앱 만들기 - #2.13 ~ #2.14

by MICOSA 2021. 11. 20.

#2.13 ~ #2.14 Conditionals

 

 

개념

조건문(Conditionals)이란 참(True) 혹은 거짓(False)을 알려줌.

그래서 뭔가를 확인해야 할 때 대부분 사용.

ex) 사용자가 로그인 되어 있다면,  특정한 무엇인가를 보여줌

 

 

사용자가 무엇을 입력하더라도 number로 바꿔보자

  • value의 타입을 확인하기위해 typeof 함수 사용
  • String을 Number 타입으로 바꾸기 위해 parseInt  함수 사용
console.log(typeof "15", typeof parseInt("15"));

결과 값

cf.  NaN은 parseInt 함수가 작동하지 않음.
isNaN이라는 함수를 사용하면 boolean으로 결과가 나옴.

결과 값은 참(true-숫자가 아닐 때) 혹은 거짓(false-숫자일 때).

 

 


 

if문

조건(condition)은 boolean으로 판별이 가능해야 함.

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

 


 

예제

const age = parseInt(prompt("How old are you?")); //prompt는 사용자에게 창을 띄울 수 있게 함 

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

15(숫자) 입력 시
결과 값


String 입력 시
결과값

 


음주가 가능한 나이인지 아닌지 알려주는 코드를 만들어보자

댓글