<html>
<head><title>게산기</title></head>
<SCRIPT
LANGUAGE="JavaScript"><!--
r = new Array(2)
function
setStartState() {
state = "start"
r[0] =
"0"
r[1] = "0"
operand =
""
ix=0
}
function addDigit(n)
{
if (state=="gettingInteger" ||
state=="gettingFloat")
r[ix]=appendDigit(r[ix],n)
else
{
r[ix]="" + n
state =
"gettingInteger"
}
display(r[ix])
}
function
appendDigit(n1, n2) {
if(n1=="0") return n2;
var
s=""
s+=n1
s+=n2
return
s
}
function display(s)
{
document.calculator.total.value =
s
}
function addDecimalPoint() {
if
(state!="gettingFloat") {
decimal =
true
r[ix]+="."
if
(state=="haveOperand" || state=="getOperand2" )
r[ix]="0."
state =
"gettingFloat"
display(r[ix])
}
}
function clearDisplay()
{
setStartState()
display(r[0])
}
function performOp(op) {
if
(state=="start")
{
++ix
operand=op
}
else if (state=="gettingInteger" || state=="gettingFloat" ||
state=="haveOperand" ) {
if (ix==0)
{
++ix
operand=op
}
else {
r[0] = calculateOperation(operand, r[0],
r[1])
display(r[0])
oprator=op
}
}
state
= "getOperand2"
decimal=false
}
function calculateOperation(op,x,y) {
var
result = ""
if (op=="+") {
result = "" +
(parseFloat(x) + parseFloat(y))
} else if (op=="-")
{
result = "" + (parseFloat(x) -
parseFloat(y))
} else if (op=="*") {
result
= "" + (parseFloat(x) * parseFloat(y))
}else if (op=="/")
{
if (parseFloat(y)==0)
{
alert("'0' 으로 나누기는
안됩니다.")
result = 0
} else result
= "" + (parseFloat(x)/parseFloat(y))
}
return
result
}
function calc() {
if
(state=="gettingInteger" || state=="gettingFloat" || state=="haveOperand" )
{
if (ix==1) {
r[0] =
calculateOperation(operand, r[0], r[1])
ix =
0
}
} else if (state=="getOperand2")
{
r[0] = calculateOperation(operand, r[0],
r[0])
ix = 0
}
state =
"haveOperand"
decimal =
false
display(r[ix])
}
function changeSign() {
if
(r[ix].charAt(0)=="-") r[ix]=r[ix].substring(1,r[ix].length)
else
if (parseFloat(r[ix])!=0) r[ix]="-" +
r[ix]
display(r[ix])
}
// -->
</SCRIPT>
<body><center>
<h2>Java Script로 제작한 간단한
계산기</h2><hr>
<SCRIPT
LANGUAGE="JavaScript"><!--
setStartState()
//
-->
</SCRIPT>
<form name="calculator">
<table border="BORDER"
align="CENTER">
<tr>
<td
colspan="3"><input type="text" name="total" value="0"
size="20"></td>
</tr>
<tr>
<td><input
type="button" name="n0" value=" 0 "
onclick="addDigit(0)"></td>
<td><input
type="button" name="n1" value=" 1 "
onclick="addDigit(1)"></td>
<td><input
type="button" name="n2" value=" 2 "
onclick="addDigit(2)"></td>
</tr>
<tr>
<td><input
type="button" name="n3" value=" 3 "
onclick="addDigit(3)"></td>
<td><input
type="button" name="n4" value=" 4 "
onclick="addDigit(4)"></td>
<td><input
type="button" name="n5" value=" 5 "
onclick="addDigit(5)"></td>
</tr>
<tr>
<td><input
type="button" name="n6" value=" 6 "
onclick="addDigit(6)"></td>
<td><input
type="button" name="n7" value=" 7 "
onclick="addDigit(7)"></td>
<td><input
type="button" name="n8" value=" 8 "
onclick="addDigit(8)"></td>
</tr>
<tr>
<td><input
type="button" name="n9" value=" 9 "
onclick="addDigit(9)"></td>
<td><input
type="button" name="decimal" value=" . "
onclick="addDecimalPoint()"></td>
<td><input
type="button" name="plus" value=" + "
onclick="performOp('+')"></td>
</tr>
<tr>
<td><input
type="button" name="minus" value=" - "
onclick="performOp('-')"></td>
<td><input
type="button" name="multiply" value=" * "
onclick="performOp('*')"></td>
<td><input
type="button" name="divide" value=" / "
onclick="performOp('/')"></td>
</tr>
<tr>
<td><input
type="button" name="equals" value=" = "
onclick="calc()"></td>
<td colspan="1"
rowspan="1"><input type="button" name="sign" value=" +/- "
onclick="changeSign()"></td>
<td><input
type="button" name="clearField" value=" C "
onclick="clearDisplay()"></td>
</tr>
</table>
</form>
</body>
</html>
'IT_Programming > JavaScript' 카테고리의 다른 글
| 자바스크립트로 알아내서 창크기 조절 & VBSCRIPT로 알아내서 창크기 조절 (0) | 2006.04.25 |
|---|---|
| 서버측 자바스크립트와 클라이언트 측 자바 스크립트의 차이 (0) | 2006.04.21 |
| charCodeAt() (0) | 2006.04.20 |
| [자바스크립트] 숫자만 입력받기 , 한글입력노, 등등.. (0) | 2006.04.20 |
| [자바 스크립트] 라디오 버튼 객체의 입력값체크 (0) | 2006.04.18 |