숫자만 입력받아 버튼을 누르면 자동 연산되는 프로그램
<body>
<h3>변수의 연산</h3>
a, b에 대해서 변수 a와 b의 계산 결과를 표시합니다.
<br><br>
<button type="button" onclick="plus()">덧셈</button>
<button type="button" onclick="minus()">뺄셈</button>
<button type="button" onclick="multi()">곱셈</button>
<button type="button" onclick="div()">나눗셈</button>
<button type="button" onclick="rest()">나머지</button>
<br><br>
<input type="text" id="a" size="10">
<input type="text" id="oper" size="5">
<input type="text" id="b" size="10">
=<input type="text" id="result">
<script type="text/javascript">
let a, b;
function getValue() {
a = parseInt(document.getElementById("a").value);
b = parseInt(document.getElementById("b").value);
}
function plus() {
getValue();
document.getElementById('oper').value = '+';
document.getElementById('result').value = a + b;
}
function minus() {
}
function multi() {
}
function div() {
getValue();
if(b == 0){
alert('계산할 수 없습니다');
return;
}
document.getElementById('oper').value = '/';
document.getElementById('result').value = a / b;
}
function rest() {
}
</script>
</body>
'Java Script > work' 카테고리의 다른 글
| 배경색의 변경 (0) | 2020.07.10 |
|---|---|
| 한라산 맞추기 (0) | 2020.07.09 |
| 라면 타이머 (0) | 2020.07.09 |
| 체육관 이용 요금. form으로 묶기 (0) | 2020.07.09 |
| 버튼 눌러 현재 시간 출력하기(타이머ver), 시간 set/get (0) | 2020.07.08 |
