반응형
|
<!-- JAVASCRIPT -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>자바스크립트 사칙연산</title>
</head>
<body>
<div>
<input type="number" id="num1" placeholder="첫 번째 숫자를 입력하세요">
<input type="number" id="num2" placeholder="두 번째 숫자를 입력하세요">
<select id="operation">
<option value="add">더하기</option>
<option value="subtract">빼기</option>
<option value="multiply">곱하기</option>
<option value="divide">나누기</option>
</select>
<button onclick="javascriptCalculation()">계산</button>
<p id="result"></p>
</div>
<script>
function javascriptCalculation() {
var num1 = parseInt(document.getElementById('num1').value);
var num2 = parseInt(document.getElementById('num2').value);
var operation = document.getElementById('operation').value;
var answer;
switch (operation) {
case 'add':
answer = num1 + num2;
break;
case 'subtract':
answer = num1 - num2;
break;
case 'multiply':
answer = num1 * num2;
break;
case 'divide':
answer = num1 / num2;
break;
}
document.getElementById('result').textContent = answer;
}
</script>
</body>
</html>
|
cs |
반응형
댓글