JAVASCRIPT- 계산기 프로그램만들기
- 계산기 프로그램을 만드는 예제를 만들어보자
html
<!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>Document</title>
<script src="javascript1-dom.js"></script>
</head>
<body>
<section>
<h1>Ex1 :계산기 프로그램</h1>
<div>
<input id ="txt-x" type ="text" value ="0" dir="rtl"/>
+
<input id ="txt-y" type ="text" value ="0" dir="rtl"/>
<input id ="btn-add" type ="button" value="=">
<input id ="txt-sum" type ="text" value="0" dir="rtl" readonly/>
</div>
</section>
</body>
</html>
js
window.addEventListener("load",function(){
var txtX = document.getElementById("txt-x");
var txtY = document.getElementById("txt-y");
var btnAdd = document.getElementById("btn-add");
var txtSum = document.getElementById("txt-sum");
btnAdd.onclick = function(){
var x = parseInt(txtX.value);
var y = parseInt(txtY.value);
txtSum.value = x+y;
};
});
댓글남기기