- a, b를 받아서 a를 b번 곱하기
- a =2, b=3 / a*a*a
- a의 b제곱은 __으로 출력
b :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>a의 b제곱 구하기</title>
</head>
<body>
<!-- Math.pow(a,b) -->
a : <input type="text" id="a"> <br>
b : <input type="text" id="b"> <br>
<button type="button" id="calcBtn";> 제곱 계산</button>
<h3 id="result">
<!-- a의 b제곱은 _. 으로 출력
a =2/ b=3 -> a*a*a -->
</h3>
<script>
// 1. id를 사용하는 방법
// document.getElementById('calcBtn').addEventListener('click',() => {
// let a = document.getElementById('a').value;
// let b = document.getElementById('b').value;
// a = parseInt(a);
// b = parseInt(b);
// let cnt=1;
// let sum=1;
// while(cnt<=b && !(b<1)){
// sum = sum * a;
// cnt++;
// }
// document.getElementById('result').innerText = `${a}의 ${b}제곱은 ${sum}입니다.`;
// });
// 2. onclick을 사용하는 방법
// function calc(){
// let a = document.getElementById('a').value;
// let b = document.getElementById('b').value;
// a = parseInt(a);
// b = parseInt(b);
// let cnt=0;
// let sum=1;
// while(cnt<b && !(b<1)){
// sum *= a;
// cnt++;
// }
// document.getElementById('result').innerText = `${a}의 ${b}제곱은 ${sum}입니다.`;
// }
//==================================================================================================================
// 1. id를 사용 + 함수 사용하는 선생님 방법
document.getElementById('calcBtn').addEventListener('click',() => {
let a = document.getElementById('a').value;
let b = document.getElementById('b').value;
calc(parseInt(a),parseInt(b));
// 빠른 제곱 구하는 방법
// console.log(Math.pow(parseInt(a),parseInt(b)));
// console.log(parseInt(a) ** parseInt(b));
});
function calc(a,b){
let cnt=0;
let sum=1;
while(cnt<b && !(b<1)){
sum *= a;
cnt++;
}
document.getElementById('result').innerText = `${a}의 ${b}제곱은 ${sum}입니다.`;
}
</script>
</body>
</html>
'JS > JS 예시' 카테고리의 다른 글
| [JS] 배수 출력 (1~100까지 중 입력한 숫자의 배수) (0) | 2023.04.17 |
|---|---|
| [JS] 구구단 출력 (이중반복문 while) (0) | 2023.04.14 |
| [JS] 2023-04-13 (목) 출력 (0) | 2023.04.13 |
| [JS] 주민번호를 넣고 버튼을 누르면, 생년월일 / 성별 / 나이 출력 (0) | 2023.04.13 |
| [JS] 성적 계산기 (0) | 2023.04.13 |