계산기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>계산기</title>
</head>
<body>
<form id="myform">
<table border="1">
<tr align="center">
<td colspan=4><input type="text" id="inbox"></td>
</tr>
<tr align="center">
<td><input type="button" value="7" onClick="add('7')"></td>
<td><input type="button" value="8" onClick="add('8')"></td>
<td><input type="button" value="9" onClick="add('9')"></td>
<td><input type="button" value="/" onClick="add('/')"></td>
</tr>
<tr align="center">
<td><input type="button" value="4" onClick="add('4')"></td>
<td><input type="button" value="5" onClick="add('5')"></td>
<td><input type="button" value="6" onClick="add('6')"></td>
<td><input type="button" value="*" onClick="add('*')"></td>
</tr>
<tr align="center">
<td><input type="button" value="1" onClick="add('1')"></td>
<td><input type="button" value="2" onClick="add('2')"></td>
<td><input type="button" value="3" onClick="add('3')"></td>
<td><input type="button" value="-" onClick="add('-')"></td>
</tr>
<tr align="center">
<td><input type="button" value="0" onClick="add('0')"></td>
<td><input type="button" value="." onClick="add('.')"></td>
<td><input type="button" value="sqrt" onClick='sqrt()'></td>
<td><input type="button" value="+" onClick="add('+')"></td>
</tr>
<tr align="center">
<td colspan="2"><input type="button" value="=" onClick="calcu()"></td>
<td colspan="2"><input type="button" value="Clear" onClick="cle()"></td>
</tr>
</table>
</form>
<script>
var inbox = document.getElementById('inbox');
function add(a){
inbox.value=inbox.value+a ;
}
function calcu(){
inbox.value = eval(inbox.value);
}
function cle(){
inbox.value = "" ;
}
function sqrt(){
inbox.value = Math.sqrt(inbox.value);
}
</script>
</body>
</html>
개발 어린이