[Javascript] #3-1. 함수(function), Onclick 예제

Jihye·2024년 1월 5일

JavaScript

목록 보기

4/14

실습. onclick & 함수 만들기

문제

add, sub, divide, mul 함수 만들기
모든 함수들은 2개의 parameter(a,b)을 받아야 하며, 각각 더하기(a+b), 빼기(a-b), 곱하기(a*b), 나누기(a/b)의 작업을 한다.
실행할 때 숫자 2개 입력받기(prompt)
버튼 4개를 만들고 각각 버튼을 눌렀을 때 해당하는 기능 동작

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title >Document</title>
    <script src="js2(3).js"></script> <!-- 여기서 x, y의 값을 입력받아 저장해 놓은 상태 -->
</head>
<body>
    
    <div>
        <button onclick="add(a,b)">더하기</button>
        <button onclick="sub(a,b)">빼기</button>
        <button onclick="mul(a,b)">곱하기</button>
        <button onclick="div(a,b)">나누기</button>
    </div>

</body>
</html>

Javascript

let a=Number(prompt("숫자1을 입력하세요"));
let b=Number(prompt("숫자2을 입력하세요"));
// 입력받은 값을 항상 console을 통해 제대로 입력받았는지 매번 확인받기.
console.log(a,b);

let add=(x, y)=>{         
    alert(x+y);
}

let sub=(x, y)=>{       
    alert(x-y);
}

let mul=(x, y)=>{       
    alert(x*y);
}

let div=(x, y)=>{       
    alert(x/y);
}