<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div style= "border:1px solid blue; width: 300px; height:300px ">
<h1>변수의 연산</h1>
a=10, b=4에 대해서<br>
변수 a와 b의 계산 결과를 표시합니다.
<br>
<button onclick="resert1()">덧셈</button>
<button onclick="resert2()">뺄셈</button>
<button onclick="resert3()">곱하기</button>
<button onclick="resert4()">나누기</button>
</div>
<script type="text/javascript">
var a = 4;
var b = 6;
function resert1() {
window.alert(a+b);
}
function resert2() {
window.alert(a-b);
}
function resert3() {
window.alert(a*b);
}
function resert4() {
window.alert(a/b);
}
</script>
</body>
</html>
<결과>
