[바닐라 JS로 크롬 앱 만들기] 01-3 Welcome to Javascript

박지원 ·2023년 2월 10일
post-thumbnail

8. Returns

꼭 함수안에서 console.log를 해야하는 것이 아님.
return 을 해서 함수 결과값을 외부로 빼낼 수도 있음.

const calculator= {
    add: function(a,b) {
        return a+b;
    }
};
const addItem = calculator.add(1,3);

9-1. Conditions

type 변환

나이계산기

prompt는 function으로 사용자에게 창을 띄워줌.
2개의 arguments를 받는데 하나는 문자고 하나는 defult임

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

console.log(age);


입력하는 동안에는 사이트가 멈춰있음

typeof는 변수의 타입을 확인하는 방법임

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

console.log(typeof age);


string을 number로 바꿀 수 없을까?

parseInt()는 function인데 string을 number로 변환해주는 기능을 함

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

console.log(age, parseInt(age));

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

console.log(age);


number가 아닌 것을 입력했다면 NaN이 뜸

9-2 Conditions

만약에 사용자가 number가 아닌 것을 입력했다면 다시 age를 입력하라고 할 것임.

isNaN은 function으로 boolean 값으로 반환함. number면 false 아니면 true.

condition(if)는 boolean으로 나타나야 함.

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

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

숫자를 입력하면 thank you 가 나오고 숫자가 아닌 걸 입력하면 please write a number가 나옴.

9-3 Conditions

술을 마실 수 있는 나이인지 아닌지에 대해서 판별하는 프로그램

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

if(isNaN(age)|| age <0) {
    console.log("please write a number");
}
else if(age<18) {
    console.log("You are too young to drink");
}
else if(age >= 18 && age <= 50){
    //and operator 
    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");
}


음수를 입력하였을 떄.

profile
배움이 즐거운 개발자

0개의 댓글