웹마스터 팁

  2. Support
  3. 웹마스터 팁

자바스크립트용 계산기 v1.0

2003.01.09 22:44

찐군

<HTML>
<HEAD>
<TITLE>자바스크립트 - 계산기 예제</TITLE>
</HEAD>
<body>
<center>

<script language="JavaScript">
<!-- Hide all this from non javascript browsers

NaN=0;        // if someone typed characters and not digits we assume the value 0
var stack=0; // used to save the first value
var op='+'; // used to save the operator
var assume_equals=false;  // used to calculate sum when didn't click '='
var nnum=true; // the first number is a new number

function digitpress(val) { // pressed a digit
  if (nnum==false) { // append digit to digits currently on the screen
    document.calc.screen.value = document.calc.screen.value+val;
  }
  else { // starting a new number
    stack = parseFloat(document.calc.screen.value);        // save prev number
    document.calc.screen.value = val;        // show new digit
    nnum=false;                // subsequent numbers get appended
  }
  return(true);
}

function pushop(s) { // pressed an operator (one of +, -, *, / or =)
  if (s=='=' || assume_equals==true) { // we should update total on the screen
    // grab the number on the screen now
    v = parseFloat(document.calc.screen.value);
    // catch division by zero
    if (!(op == '/' && v == 0)) {
      // work out the sum and put the result on the screen
      document.calc.screen.value = eval((stack) + op + v);
      if (s != '='+ ') {        // save the operator and the current total
        op = s;
        stack = parseFloat(document.calc.screen.value);
      }
      else {
        assume_equals = false; // this was an '=' so don't total on next op
      }
    }
    else {        // division by zero so display error message
      document.calc.screen.value = "Error";
      assume_equals = false; // this was an error so don't total on next op
    }
    nnum = true;
  }
  else { // otherwise save the current value and the op
    assume_equals = true; // give total on next op
    stack = parseFloat(document.calc.screen.value);        // save current total
    nnum=true;        // next number to be entered is a new one
    op=s;        // remember the operator just typed
  }
  return(true);
}

// End of all the hidden stuff -->
</script>

<FORM name=calc METHOD="POST">

<TABLE border=1 align=center>
<tr align=center><td colspan=5 align=center><INPUT TYPE="float" NAME="screen" VALUE="0" SIZE=20,1 MAXLENGTH=20>

<tr align=center>
<TD>  <INPUT TYPE="button" NAME="one" VALUE=" 1 " onClick="digitpress(1)">
<TD>  <INPUT TYPE="button" NAME="two" VALUE=" 2 " onClick="digitpress(2)">
<TD>  <INPUT TYPE="button" NAME="three" VALUE=" 3 " onClick="digitpress(3)">
<TD>  <input type="button" name="plus" value=" + " onClick="pushop('+')">
<TD>  <input type="button" name="clear" value=" 계산! " onClick="document.calc.screen.value=0;if (nnum==true) nnum = false;">

<TR align=center>
<td><INPUT TYPE="button" NAME="four" VALUE=" 4 " onClick="digitpress(4)">
<td><INPUT TYPE="button" NAME="five" VALUE=" 5 " onClick="digitpress(5)">
<td><INPUT TYPE="button" NAME="six" VALUE=" 6 " onClick="digitpress(6)">
<td><input type="button" name="minus" value=" - " onClick="pushop('-')">
                        <td></td>


<tr align=center>
<td><INPUT TYPE="button" NAME="seven" VALUE=" 7 " onClick="digitpress(7)">
<td><INPUT TYPE="button" NAME="eight" VALUE=" 8 " onClick="digitpress(8)">
<td><INPUT TYPE="button" NAME="nine" VALUE=" 9 " onClick="digitpress(9)">
<td><input type="button" name="times" value=" * " onClick="pushop('*')">
                            <td></td>



<tr align=center>
<td><INPUT TYPE="button" NAME="zero" VALUE=" 0 " onClick="digitpress(0)">
<td><INPUT TYPE="button" NAME="dot" VALUE=" . " onClick="digitpress('.'+ ')">
<TD><input type="button" name="equal" value=" = " onClick="pushop('=')">
<td><input type="button" name="divide" value=" / " onClick="pushop('/')">
                                <td></td>


</TABLE>

</FORM>
</body>
</html>
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
링크된 텍스트 오버시 위로 스크롤..예제 확인 [2] ▩윤미 2003.02.06
링크된 텍스트 클릭지 위로 스크롤되는 예제확인 [1] ▩윤미 2003.02.06
미디 랜덤으로 듣기 완벽해결! [4] K.샘 2003.02.05
음악 듣기 소스 당근당근 2003.02.04
최상위로 만들기 소스 [13] 앳플군 2003.02.04
KBS VOD 최상위로 만들기 소스 (필요 부분만 수정) [3] kimbilly 2003.02.02
바탕화면에 바로가기 아이콘을 만드시겠습니까? [소스분석용] [12] RedEye 2003.02.02
한페이지에서 여러개의 크롬리스 창 띄우기..(ByKlein Chromeless Window) [3] file 아린~★ 2003.01.29
주소 보여주기 시를 때 제가 자주 쓰는 방법 이건 조회수 빵이다 ㅡ0ㅡ; [21] ☆좀비파우더™ 2003.01.28
로그인과 로그아웃을 체크하는 방법입니다. [3] 이영호 2003.01.24
텍스트 폼에 커서가 미리 깜빡이도록... [8] 카리 2003.01.22
[레드-자바 스크립트초보] 더블클릭하면 경고창 뜬후 사이트 이동하기 [7] 레드 2003.01.17
성인인증 받는 소스입니다..... [17] q333 2003.01.12
디지털 시계입니다. [8] q333 2003.01.12
1 분마다 배경이 빠뀌는 소스...입니다. [1] q333 2003.01.12
IE6SP1 에서 작동하는 크롬리스윈도우!![ByKlein_Chromeless_Window1.0] [13] 술도짱 2003.01.10
[1분짜리 팁!] 홈페이지 입장 여부 묻는 폼 띄우기! [2] 찐군 2003.01.09
자바스크립트용 계산기 v1.0 [4] 찐군 2003.01.09
링크가 걸려있는 모든 이미지에 마우스 올리면 서서히 밝아지게 하는 소스입니다. [3] 정해식 2003.01.09
혹시 이런것도 될까-_-;;. 시노부 플레이어에서 랜덤 모드 사용자가 택하게 하기 TuTy 2003.01.09
태그 쓰기