더하기 빼기
산술연산자를 이용한 더하기 빼기
숫자 1 + 숫자 2 = ?
숫자 1 - 숫자 2 = ?
이 둘에 대한 셈을 해보자
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>더하기 빼기</title>
<script>
function add() {
var num1 = document.getElementById("num1");
var num2 = document.getElementById("num2");
var num3 = document.getElementById("num3");
var add = parseInt(num1.value) + parseInt(num2.value); // 두 수의 합을 구하기
num3.value = add;
}
function minus() {
var num1 = document.getElementById("num1");
var num2 = document.getElementById("num2");
var num3 = document.getElementById("num3");
var minus = parseInt(num1.value) - parseInt(num2.value);
num3.value = minus;
}
</script>
</head>
<body>
<input type="text" id="num1"><br>
<input type="text" id="num2"><br>
<input type="button" value="더하기" onclick="add()">
<input type="button" value="빼기" onclick="minus()"><br>
<input type="text" id="num3"><br>
</body>
</html>
parseInt("숫자에 해당하는 문자열") : 문자열을 해당 정수로 변환
숫자를 넣고
더하기 클릭
빼기 클릭
'JavaScript' 카테고리의 다른 글
| 자바스크립트로 CSS 변경하기 (0) | 2015.11.05 |
|---|---|
| 홀짝 구분 (0) | 2015.11.05 |
| [자바스크립트 연산자] - JavaScript Operator (0) | 2015.11.04 |
| 버튼 클릭하면 이미지 변경하기 (0) | 2015.11.04 |
| 입력한 글 얼럿창으로 띄우기 (0) | 2015.11.03 |