hahahia

JavaScript를 이용한 계산기 프로그램 본문

Web Programming/JavaScript

JavaScript를 이용한 계산기 프로그램

hahahia 2012. 3. 23. 23:43
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 계산기 프로그램 </TITLE>
  <META http-equiv="content-type" content="text/html; charset=UTF=8" />
 </HEAD>
 <SCRIPT>
 var n;
 function add(obj)
 { 
 if(n == "+" || n == "-" || n == "*" || n == "/")
 {
temp = obj.value;
if(temp == "+" || temp == "-" || temp == "*" || temp == "/")
{
alert("계산이 불가능합니다!!");
return;
}
 }
 if(n == "/")
 {
if(obj.value=="0")
{
alert("계산이 불가능합니다!!");
return;
}
else
{
n = obj.value;
document.getElementById("sik").value += n;
}
 }
 else
 {
n = obj.value;
document.getElementById("sik").value += n;
 }
 }
 function calcul()
 {
 if (n=="+" || n=="-" || n=="*" || n=="/")
 {
alert("계산이 불가능합니다!!");
 }
 else
 {
document.getElementById("result").value = 
eval(document.getElementById("sik").value);
 }
 }
 function Substr()
 {
document.getElementById("sik").value = document.getElementById("sik").value.substring(0, document.getElementById("sik").value.length-1)
 }
 </SCRIPT>
 <BODY>
 <form>
  계산기 프로그램!!! <p>
  <table border = "2">
  <tr>
  <td> <input type="button" value="1" onClick="add(this)"> </td> 
  <td> <input type="button" value="2" onClick="add(this)"> </td> 
  <td> <input type="button" value="3" onClick="add(this)"> </td>
  </tr>
  <tr>
  <td> <input type="button" value="4" onClick="add(this)"> </td> 
  <td> <input type="button" value="5" onClick="add(this)"> </td> 
  <td> <input type="button" value="6" onClick="add(this)"> </td>
  </tr>
  <tr>
  <td> <input type="button" value="7" onClick="add(this)"> </td> 
  <td> <input type="button" value="8" onClick="add(this)"> </td> 
  <td> <input type="button" value="9" onClick="add(this)"> </td>
  </tr>
  <tr>
  <td> <input type="button" value="0" onClick="add(this)"> </td> 
  <td> <input type="button" value="+" onClick="add(this)"> </td> 
  <td> <input type="button" value="-" onClick="add(this)"> </td>
  <td> <input type="button" value="*" onClick="add(this)"> </td> 
  <td> <input type="button" value="/" onClick="add(this)"> </td>
  <td> <input type="button" value="C" onClick="Substr(this)"> </td>
  </tr> 
  </table>
  
  <input type="button" value="계산" onClick="calcul()">  <input type="reset" value="초기화">
  <p><hr>
  계산식 : <input type="text" id="sik" readOnly> <p>
  계산결과 : <input type="text" id="result" readOnly> <p>
  <hr>
  </form>
 </BODY>
</HTML>


 - calcul.html를 열 때 나오는 화면
 - 기본적인 계산 가능 


수식을 잘못 입력했을때(ex. 연산자 다음에 연산자를 입력했을경우, 나누기 연산 다음에 0을 입력했을 경우 등등...) 계산불가능 alert창 출력

만들고 느낀건데 예외처리 일일히 괜히만들었네요.... try catch 자동지원 해주더라고요 ㅠㅠ

'Web Programming > JavaScript' 카테고리의 다른 글

실습 01  (0) 2012.03.28
실습2  (0) 2012.03.28
JavaScript를 이용한 BMI 지수 측정 소스코드  (0) 2012.03.14
JavaScript(alert, write, prompt)  (0) 2012.03.14
JavaScript 기초 01  (0) 2012.03.14
'Web Programming/JavaScript' Related Articles more
Comments