熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

js網頁版計算器的簡單實現

2013-11-15 12:02:27  來源: JSP教程 
這篇文章介紹了網頁版計算器的簡單實現代碼有需要的朋友可以參考一下   復制代碼 代碼如下:

  
<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
 <html xmlns="
 <head>
<meta httpequiv="ContentType" content="text/html; charset=gb" />
<title>計算器</title>
<script language="javascript" type="text/javascript">
 var clearFlag=false;
 function getNum(num){
 //alert(num);
  var objresult=documentgetElementById("result");
  if(clearFlag){
   objresultvalue="";
   clearFlag=false;
  }
 //alert(objresult);
 objresultvalue+=num;
 }
function getResult(){
 var objresult=documentgetElementById("result");
 objresultvalue=objresultvalue+"="+eval(objresultvalue);
 clearFlag=true;
}
</script>
</head>
<body>
<table width="" border="" cellpadding="">
  <tr>
    <td colspan=""><input type="text" name="result" id="result" size=""></td>
  </tr>
  <tr>
    <td width=""><input type="button" value="     " onclick="getNum()"></td>
    <td width=""><input type="button" value="     " onclick="getNum()"></td>
    <td width=""><input type="button" value="     " onclick="getNum()"></td>
    <td width=""><input type="button" value="  +   " onclick="getNum(+)"></td>
  </tr>
  <tr>
    <td><input type="button" value="     " onclick="getNum()"></td>
    <td><input type="button" value="     " onclick="getNum()"></td>
    <td><input type="button" value="     " onclick="getNum()"></td>
    <td><input type="button" value="     " onclick="getNum()"></td>
  </tr>
  <tr>
    <td><input type="button" value="     " onclick="getNum()"></td>
    <td><input type="button" value="     " onclick="getNum()"></td>
    <td><input type="button" value="     " onclick="getNum()"></td>
    <td><input type="button" value="  *   " onclick="getNum(*)"></td>
  </tr>
  <tr>
    <td><input type="button" value="     " onclick="getNum()"></td>
    <td><input type="button" value="     " onclick="getNum()"></td>
    <td><input type="button" value="  =   " onclick="getResult()"></td>
    <td><input type="button" value="  /   " onclick="getNum(/)"></td>
  </tr>
</table>
</body>
</html>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20138.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.