<head>
<script Language="Javascript">
<!-- 감춤 시작
function fCalc(nr1, nr2){ // 받아온 변수 nr1, nr2 로 fCalc 기능 수행
sign=document.fname.sel.selectedIndex;
nr1=parseFloat(nr1); // 문자열을 수치로 변환
nr2=parseFloat(nr2); // 문자열을 수치로 변환
// 문서중 form name이 fname 이고 입력필드명 sel의 배열 변수 중 선택된 변수 번호를 얻는다.
if (sign==0) result=nr1+nr2 // 그 번호가 0 이면 덧셈
else if (sign==1) result=nr1-nr2 // 그 번호가 1 이면 뺄셈
else if (sign==2) result=nr1*nr2 // 그 번호가 2 이면 곱셈
else if (sign==3) result=nr1/nr2 // 그 번호가 3 이면 나눗셈
else if (sign==4) result=Math.pow(nr1,nr2) // 그 번호가 4 이면 승하기
else result=Math.pow(nr1,(1/nr2));// 그 번호가 5 이면 제곱근
document.fname.iresult.value=result;
// 문서중 form name이 fname 이고 입력필드명 iresult에 결과값을 준다.
}
// 감춤 끝 -->
</script>
</head>
<body>
<img src=../gif/rfbtexm1.gif><br>
<form name='fname'>
수치와 계산 방식을 입력하고, 계산을 누르시오.
<div class=indent><br>
<input type="text" name="inr1" value="0" size=5>
<select name="sel">
<option value="+" selected>더하기
<option value="-">빼기
<option value="*">곱하기
<option value="/">나누기
<option value="^">승하기
<option value="sqr">제곱근
</select>
<input type="text" name="inr2" value="0" size=5><br><br>
<dd><input type="button" name="ibutton" value="계산"
onClick="fCalc(document.fname.inr1.value, document.fname.inr2.value)"><br><br>
<input type="text" name="iresult" value="0">
</div>
</form>
 중요 사항
- 입력 object에서 수치를 받아오고, 수치를 넣는 기능은 document.fname.inr1.value 등을 사용
여기서 fname을 <form name='fname'>에서 폼 이름이고, inr1은 그 폼 속에있는 <input name='inr1'>의 입력 필드명이다. 이는 같은 문서의 경우에 인용하는 것이고, 다른 프레임에서 인용하려면 parent.main.fname.inr1.value 혹은 top.right.main.fname.inr1.value 식으로 지정 할 수 있다.
이 때 right는 상위 프레임 이름, main은 그 밑의 하위 프레임 이름이다.
- 입력 받은 수치는 스트링이므로 수치 변수로 바꾸기 위해서는 parseInt(stringvalue) 혹은 parseFloat(stringvalue)로 해 주어야 한다. 이 때 대소문자를 구별하므로 틀리지 않게 써야한다.
덧셈 이외에서는 스트링을 빼거나, 곱하거나 나눌 수 없으므로 수치로 계산된다.
- 표시는 쓰기 (document.write())를 사용한다. 이는 현재의 문서에 쓰는 것이며, self.document.write()와 같다.
다른 프레임을 지정 할 때는 self 대신에 위와 같이 프레임을 지정하는데, 한번 지정되어 표시된 문서를 변경시키지는 못한다.
이는 새로운 창을 프로그램 상에서 만들 때 많이 사용된다.
|
제공