주의
대충 만들었습니다.
단순계산용으로 만들었기때문에 복수계산 (ex> 3+2+5) 따위의 계산은 취급하지 않습니다.
소숫점 계산도 안되요.
수정버튼은 무조건 클리어 눌러서 첨부터 다시하세요 (...)
<HTML>
<HEAD>
<TITLE> 계산기 </TITLE>
<script type="text/javascript">
var befor = ""
var str= ""
function input(obj) {
var val=obj.value;
if (val =="+" || val == "-" || val == "*" || val == "/")
{
if (document.form.expression.value.length > 0)
{
befor = document.form.expression.value;
document.form.expression.value = "";
str = val;
}
} else {
document.form.expression.value += val;
}
}
function calculator(){
document.form.expression.value=eval(befor + str + document.form.expression.value);
}
function clear1(){
document.form.expression.value="";
}
function alert1(){
alert("연속계산하지말라니까!!!!");
}
</script>
</HEAD>
<BODY>
<form name="form">
<H3>간단한 계산기</H3>
<TABLE border=10 cellspacing=10 cellpadding=0>
<TR>
<TD colspan=4>
<input type="text" name="expression" style="text-align:right" size='33' onclick='calculator()'>
</TD>
</TR>
<tr>
<td colspan=2 align='center'><input type="button" value="Caution" onclick='alert1()'></TD>
<td colspan=2 align="center" ><input type="button" value='Clear' onclick='clear1()'></TD>
</tr>
<TR>
<TD align='center'><input type="button" value="7" onclick='input(this)'></TD>
<TD align='center'><input type="button" value="8" onclick='input(this)'></TD>
<TD align='center'><input type="button" value="9" onclick='input(this)'></TD>
<TD align='center'><input type="button" value="+" onclick='input(this)'></TD>
</TR>
<TR>
<TD align='center'><input type="button" value="4" onclick='input(this)'></TD>
<TD align='center'><input type="button" value="5" onclick='input(this)'></TD>
<TD align='center'><input type="button" value="6" onclick='input(this)'></TD>
<TD align='center'><input type="button" value="-" onclick='input(this)'></TD>
</TR>
<TR>
<TD align='center'><input type="button" value="1" onclick='input(this)'></TD>
<TD align='center'><input type="button" value="2" onclick='input(this)'></TD>
<TD align='center'><input type="button" value="3" onclick='input(this)'></TD>
<TD align='center'><input type="button" value="*" onclick='input(this)'></TD>
</TR>
<TR>
<TD align='center'><input type="button" value="0" onclick='input(this)'></TD>
<TD colspan=2 align='center'><input type="button" value="=" onclick='calculator()'></TD>
<TD align='center'><input type="button" value="/" onclick='input(this)'></TD>
</TR>
</TABLE>
</form>
</BODY>
</HTML>
훗... 스크립트 배우고 처음만들어봄...
사용방법 : 위소스 긁어서 메모장에 붙여놓은 후 확장자 html 로 저장하세요.
최근 덧글