웹마스터 팁

  2. Support
  3. 웹마스터 팁

계산기

2008.11.29 20:25

*이종민*

계산기 소스입니다.

<html>
<head>
<title>계산기</title>
<script>
bBool=false
var copiedtext=""
var tempstore=""
function initiatecopy() {
bBool=true;
}
function copyit() {
if (bBool) {
tempstore=copiedtext
document.execCommand("Copy")
if (tempstore!=copiedtext) {
alert(copiedtext);
}
bBool=false;
}
}
document.onselectionchange = initiatecopy
document.onmouseup = copyit
</script>
</head>
<script language="JavaScript">
function cal(p){
p.value=eval(p.value)
}
function e_expr(p,str){
p.value=p.value+str
}
function clear_expr(p){
p.value=""
}
</script>
<body>
<center>
    <form name="calform">
        <div align="left">
            <table border=30 bordercolor="silver" bordercolordark="silver">
<td colspan=4>
                    <p align="center"><input type="text" name="expr" size="20"></p>
<tr>
<tr>
                <td>
                    <p align="center"><input type="button" value=" 7 " onclick="e_expr(document.calform.expr,'7')">
</p>
<td>
                    <p align="center"><input type="button" value=" 8 " onclick="e_expr(document.calform.expr,'8')">
</p>
<td>
                    <p align="center"><input type="button" value=" 9 " onclick="e_expr(document.calform.expr,'9')">
</p>
<td>
                    <p align="center"><input type="button" value=" ÷ " onclick="e_expr(document.calform.expr,'/')">
</p>
<tr>
                <td>
                    <p align="center"><input type="button" value=" 4 " onclick="e_expr(document.calform.expr,'4')">
</p>
<td>
                    <p align="center"><input type="button" value=" 5 " onclick="e_expr(document.calform.expr,'5')">
</p>
<td>
                    <p align="center"><input type="button" value=" 6 " onclick="e_expr(document.calform.expr,'6')">
</p>
<td>
                    <p align="center"><input type="button" value=" × " onclick="e_expr(document.calform.expr,'*')">
</p>
<tr>
                <td>
                    <p align="center"><input type="button" value=" 1 " onclick="e_expr(document.calform.expr,'1')">
</p>
<td>
                    <p align="center"><input type="button" value=" 2 " onclick="e_expr(document.calform.expr,'2')">
</p>
<td>
                    <p align="center"><input type="button" value=" 3 " onclick="e_expr(document.calform.expr,'3')">
</p>
<td>
                    <p align="center"><input type="button" value=" － " onclick="e_expr(document.calform.expr,'-')">
</p>
<tr>
                <td>
                    <p align="center"><input type="button" value=" 0 " onclick="e_expr(document.calform.expr,'0')">
</p>
<td>
                        <p align="center"><input type="button" value=" 00 " onclick="e_expr(document.calform.expr,'00')">
</p>
<td>
                        <p align="center"><input type="button" value=" . " onclick="e_expr(document.calform.expr,'.')">
</p>
<td>
                        <p align="center"><input type="button" value=" + " onclick="e_expr(document.calform.expr,'+')">
</p>
<tr>
                    <td colspan=2>
                        <p align="center"><input type="button" value=" ＝ " onclick="cal(document.calform.expr)">
</p>
<td colspan=2>
                    <p align="center"><input type="button" value="초기화" onclick="clear_expr(document.calform.expr)">
</p>
<tr>
</tr>
        </table>
    </div>
</form>
</center>
</body>
</html>
<body oncontextmenu="return false">
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
서브 메뉴 나타났다가 사라지게 하는 방법. 그동안의 노가다는 이젠 끝! [22] file CoolUnit 2004.03.01
그림위에 마우스를 올렸을때 그림저장 버튼 안나타나게 하기... [17] file PHASE 2004.01.19
스크롤바 색상을 아름답게. [17] file 해리포터포에버 2003.12.16
마우스 커서에 대해서... [16] file impre 2003.09.20
노프레임 홈페이지에서 상하좌우에 원하지 않는 간격이 생길때... [9] file PHASE 2003.09.08
벅스뮤직 음악을 페이지의 배경 음악으로 깔기 (수정 #1) [31] file 토끼군 2003.08.20
노프레임 홈만들기 (3) - 서브 페이지 만들고 제로보드에 적용하기 [27] file @kihwa 2003.07.26
노프레임 홈만들기 (2) - 로그인, 최근게시물 설치 [31] file @kihwa 2003.07.26
노프레임 홈만들기 (1) - 표로 레이아웃 만들고 그림 삽입하기 [45] file @kihwa 2003.07.11
쭘's식 홈페이지 만들기 No.5 - (미리보기 포함) [18] file 쭘's 2003.07.07
쭘's식 홈페이지 만들기 No.4 - (미리보기 포함) [26] file 쭘's 2003.06.16
쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함) [37] file 쭘's 2003.06.07
css3 안쪽과 바깥쪽 그림자 만들기 입니다 file 낮은자 2014.03.06
[펌] HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 [6] file 999 2011.01.11
노프레임 홈페이지 만들기 강좌 file H.N커뮤니티 2009.02.28
메뉴에 마우스오버시 레이어서브메뉴창 뜨게하기 (나모웹) file H.N커뮤니티 2009.02.22
css 정리 파일(한글) [3] file 미곰탱 2009.01.22
스크립트 모음 [1] file *이종민* 2008.11.29
계산기 [1] file *이종민* 2008.11.29
바탕화면에 바로가기 만들기 file *이종민* 2008.11.29
태그 쓰기