웹개발/Javascript

Javascript - 5

duduranran 2022. 12. 22. 18:49
#2.13 Conditionals

 

오늘은 Prompt로 숫자를 입력 받아서

19세 미만이면 "미성년자"

19세부터 60세까지는 "술 마시자"

60세 이상이면 "당신 마음대로 하세요." 를 출력해 보겠다.

단, 문자 or 음수를 입력할 경우 "양수를 입력하세요." 라는 메시지를 출력하겠다.

 

1
2
3
4
5
6
7
8
9
10
11
// #2.13 Conditionals
const age = parseInt(prompt("How old are you?"));
if(isNaN(age) || age < 0){
    document.write("양수를 입력해 주세요.");
else if(age < 19){
    document.write("미성년자입니다. 저리가");
else if(age >=19 &&  age <= 60){
    document.write("성인입니다, 술 마시러 갑시다.");
else if( age > 60) {
    document.write("당신 마음대로 하세요.");
}
cs

prompt("출력하고 싶은 문장") - 내가 숫자를 입력해도 변수 type이 number가 아닌 string으로 나온다.

아마 입력받은 것 자체를 문자열로 처리해 주는 것 같다.

("typeof(변수)" or "typeof 변수" 이와 같이 사용하면 변수의 type을 반환한다.)

그래서 입력받은 변수를 정수형태로 바꿔주는 함수를 사용했다.

parseInt(변수) - 숫자형태를 가진 string을 number type으로 변환해 준다.

 

첫번째 if문을 보면 isNaN(변수)이 있는데, 이것은 변수가 숫자가 아니라면(Not a Number)

true를 반환, 숫자라면  false를 반환한다.

즉 숫자가 아니거나(OR) 0미만의 숫자를 입력할 경우 양수를 입력하라는 메시지를 출력한다.

입력받은 나이가 19세미만이면 > 미성년자 

19이상 60이하이면 > 성인

60세 초과이면 > 마음대로 하세요.

 
|| (OR)
true true true
true false true
false true true
false false false

 

&& (AND)
true true true
true false false
false true false
false false false

 

'웹개발 > Javascript' 카테고리의 다른 글

Javascript - 7 - querySelecor() / Event(addEventListener)  (0) 2022.12.24
Javascript - 6 - getElementById  (0) 2022.12.23
Javascript - 4  (0) 2022.12.21
Javascript - 3  (0) 2022.12.20
Javascript - 2  (0) 2022.12.19