바닐라 JS 챌린지 Day 3

seul·2022년 3월 14일
0

바닐라JS챌린지

목록 보기
3/12

🗓 진행일: 3월 9일
📎 2.7 ~ 2.16

2.7 Functions part One

function 함수명() { 로직 }
이렇게 함수를 선언하고,

함수(인자);
이런 식으로 호출한다.

console.log("Hello my name is seul");

function sayHello() {
    console.log("Hello my name is ");
}

sayHello("seul");
sayHello("dal");
sayHello("lynn");

function으로 반복하는 법은 배우고
argument를 어떻게 쓰는지는 안 나옴

2.8 Functions part Two

  • Object 안에 함수도 지정 가능
const player = {
    name: "seul",
    sayHello: function(otherPersonsName) {
        console.log("hello " + otherPersonsName + " nice to meet you!");
    }
};

player.sayHello("lynn");
player.sayHello("jay");

2.9 Recap

2.10 Recap 2

  • 함수 호출 시 아무리 많은 인자를 넣어도 앞에서부터 차례로 인식이 된다
function minusFive(potato) {
    console.log(potato - 5);
}

minusFive(5, 10, 12, 34);

2.11 Returns

  • 함수에서는 로직 후의 결과 값을 리턴할 수 있다
const age = 96;

function calculatorKrAge(ageOfForeigner) {
    return ageOfForeigner + 2;
}

const krAge = calculatorKrAge(age);

console.log(krAge);
  • 계산기 코드
  • const 안에 함수를 넣어서 변수.함수() 형식으로 부르기
const calculator = {
    plus: function(a, b) {
        return a + b;
    },
    minus: function(a, b) {
        return a - b;
    },
    times: function(a, b) {
        return a * b;
    },
    divide: function(a, b) {
        return a / b;
    },
    power: function(a, b) {
        return a ** b;
    },
};

const plusResult = calculator.plus(2, 3);
const minusResult = calculator.minus(plusResult, 10);
const timesResult = calculator.times(10, minusResult);
const divideResult = calculator.divide(timesResult, plusResult);
const powerResult = calculator.power(divideResult, minusResult);

console.log(plusResult);

2.12 Recap

2.13 Conditions

  • 입력 받기: prompt
  • 해당 값의 타입을 알고 싶다면 typeof를 앞에 붙여준다
const age = parseInt(prompt("How old are you?"));

console.log(age);
// 숫자를 입력하면 숫자로 변경해주고,
// string을 입력하면 NaN이 나온다 (Not a Number)

2.14 Conditions part Two

  • isNaN(인자): 해당 값의 NaN 여부를 boolean 값으로 return
const age = parseInt(prompt("How old are you?"));

if(isNaN(age)) {
    // condition === true
    console.log("Please wrtie a number");
} else {
    // condition === false
    console.log("Thank you for writing your age.");
}

2.15 Conditions part Three

나이를 입력 받아 if/else 구문으로 구분하기

if(isNaN(age) || age < 0) {
    console.log("Please wrtie a real positive number");
} else if(age < 18) {
    console.log("Your 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.");
}

2.16 Recap

profile
자존감은 일상의 성실함으로부터 온다

0개의 댓글