간단한 calculator 만들기

prompt();라는 함수는 사용자에게 창을 띄어 값을 입력받는다.
prompt();를 사용하면 답을 할 때까지 코드의 실행을 멈춘다.

어떤 css도 적용이 불가능하고 굉장히 오래된 방법이다.

const age = prompt("how old are you?");
console.log(typeof age);

 

이렇게 코드를 작성하면 창에 how old are you? 가 나오게 되고 값을 입력할 수 있다.

값을 입력하면 string 형태로 값이 입력되는데 그 이유는 prompt가 string이 default 값이기 때문이다.

 

typeof를 쓰면 변수의 타입을 볼 수 있다.

한 type로 받아서 다른 type로 바꾸는 작업을 해야 한다. "15"-->15
string--> number로 변환해주는 함수 parseInt();
문자열을 숫자로 바꾸어주는데  숫자가 아닌 것이 입력이 되면 NaN이라고 뜬다 NaN(Not a Number)

 

 

 

---

isNaN()은 인자가 NaN인지 판별하는 것이다.

const age= parseInt(prompt (“How old are you?”));
console.log(isNaN(age)); 

 

age에 NaN이 들어오면 true

age에 숫자가 들어오면 false

 

if(condition){

   console.log("true");

} else {

   console.log("false");

}

 

if문에서 condition이 true이면 console.log("true");가 실행

condition이 false이면 else문에 있는 console.log("false");가 실행이 된다.

 

condition은 boolean으로 판별이 되어야 한다!

---

if문에서 if와 else 말고 다른 방법이 또 있다.

if가 거짓일 때 아래로 내려와서 다른 조건을 걸고 싶으면 else if문을 사용하면 된다.

 

if(isNaN(age) || age <0){
    console.log("Please wirte a real positive number");
} else if(age < 18){
    console.log("You are too young");
} else if(age >=18 && age <= 50){
    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 {
    console.log("You can't drink");
}

 

이렇게 처음 if가 거짓이면 그 아래로 내려와 다음 else if문의 조건을 검사하고 또 거짓이면 한 단계 더 내려와 계속 검사를 한다.

조건이 참이 될 때까지 계속 내려다가 참이 되면 그 아래 있는 것은 실행이 되지 않는다.