본문 바로가기

Front-End/JavaScript

JavaScript #8 (함수 - 익명/화살표 + 연습문제)

반응형

 

익명함수 : 함수를 변수에 할당할 수 있음.

const hello = function () {
  console.log("안녕하세요");
};
hello();

 

 

화살표 함수 (ES6부터 지원)

const hello = () => {
  console.log("안녕하세요");
};

 

 

 

 

 

연습문제 - 사칙연산 함수

// 더하기 함수
function add(a, b) {
    return a + b;
}
const add2 = function (a, b) {
    return a + b;
};

// 빼기 함수
function subtract(a, b) {
    return a - b;
}
const subtract2 = function (a, b) {
    return a - b;
};

// 곱하기 함수 
function multiply(a, b) {
    return a * b;
}
const multiply2 = function (a, b) {
    return a * b;
};

// 나누기 함수
function divide(a, b) {
    return a / b;
}
const divide2 = function (a, b) {
    return a / b;
};

// 나머지 함수
function remainder(a, b) {
    return a % b;
}
const remainder2 = function (a, b) {
    return a % b;
};

// 사용자 입력 받기
const num1 = Number(prompt("첫 번째 숫자를 입력하세요."));
const operator = prompt("연산자를 입력하세요.");
const num2 = Number(prompt("두 번째 숫자를 입력하세요."));

// 연산자에 따라 함수 호출
let result = 0;
if (operator === "+") {
    result = add(num1, num2);
} else if (operator === "-") {
    result = subtract(num1, num2);
} else if (operator === "*") {
    result = multiply(num1, num2);
} else if (operator === "/") {
    result = divide(num1, num2);
} else if (operator === "%") {
    result = remainder(num1, num2);
} else {
    result = "잘못된 연산자 입니다.";
}

console.log(`${num1} ${operator} ${num2} = ${result}`);

 

숫자 1, 연산자, 숫자 2 순서대로 입력하면 결과 값(result) 출력

 

 

 

반응형

'Front-End > JavaScript' 카테고리의 다른 글

JavaScript #10 (객체)  (0) 2025.06.25
JavaScript #9 (이벤트)  (0) 2025.06.24
JavaScript #7 (함수 - function)  (0) 2025.06.24
JavaScript #6 (반복문 - while, break/continue)  (0) 2025.06.24
JavaScript #5 (반복문 - for)  (3) 2025.06.24