A sentimental robot

Calculator 본문

Web

Calculator

GOD03219 2017. 12. 26. 18:16

<!DOCTYPE html>
<html>
<head>
<title>429/10</title>
<style>
input[type=button]{
width: 100px;
height: 40px;
}
</style>
<script>
window.onload=function()
{
var exp=document.getElementById('exp');
}
window.onclick=function(e){
if(e.target.id=="back") exp.value=exp.value.substring(0,exp.value.length-1);
if(e.target.id=="c"||e.target.id=="ce") exp.value="";
if(e.target.id=="res") exp.value=eval(exp.value);
if(e.target.id=="none") return;
};
function clickb(num)
{
exp.value+=num;
}
</script>
</head>
<body >
<h3>Calculator</h3>
<hr>
<form>
<input type="text" id="exp" value="0"><br><br>
<p>
<input type="button" id="back" value="Back">&nbsp;<input type="button" id="ce" value="CE">&nbsp;<input type="button" id="c" value="C">&nbsp;<input type="button" id="res" value="="><br><br>
</p>
<p>
<input type="button" id="7" value="7" onclick="clickb('7')">&nbsp;<input type="button" id="8" value="8"onclick="clickb('8')">&nbsp;<input type="button" id="9" value="9" onclick="clickb('9')">&nbsp;<input type="button" id="divide" value="/" onclick="clickb('/')"><br><br>
</p>
<p>
<input type="button" id="4" value="4" onclick="clickb('4')">&nbsp;<input type="button" id="5" value="5" onclick="clickb('5')">&nbsp;<input type="button" id="6" value="6" onclick="clickb('6')">&nbsp;<input type="button" id="mul" value="*" onclick="clickb('*')"><br><br>
</p>
<p>
<input type="button" id="1" value="1" onclick="clickb('1')">&nbsp;<input type="button" id="2" value="2" onclick="clickb('2')">&nbsp;<input type="button" id="3" value="3" onclick="clickb('3')">&nbsp;<input type="button" id="ded" value="-" onclick="clickb('-')"><br><br>
</p>
<p>
<input type="button" id="0" value="0" onclick="clickb('0')">&nbsp;<input type="button" id="add" value="+" onclick="clickb('+')">&nbsp;<input type="button" id="none" value="NONE">&nbsp;<input type="button" id="none" value="NONE"><br>
</p>
</form>
</body>
</html>

'Web' 카테고리의 다른 글

Calculator ver.2  (0) 2018.10.18
Javascript ex2  (0) 2018.10.18
Javascript ex1  (0) 2018.10.17
HTML 회원가입  (0) 2018.10.17
Mouse Cursor Image  (0) 2017.12.26