網(wǎng)頁計算器一個JS計算器

更新時間：2013年09月01日 13:07:42 作者：

一個挺小的JavaScript網(wǎng)頁計算器，界面美化的我想還是不錯的，畢竟在沒有使用任何圖片修飾的情況下，很好看，而且功能挺實用，可以完成基本的數(shù)學算數(shù)運算

一個挺小的JavaScript網(wǎng)頁計算器，界面美化的我想還是不錯的，畢竟在沒有使用任何圖片修飾的情況下，很好看，而且功能挺實用，可以完成基本的數(shù)學算數(shù)運算，點擊“運行代碼”可以運行一下看效果。

<html> <head> <title>計算器</title> <script>  </script> <style> button {width:40; border: 1 solid #808080;background-color: #FFFFFF} </style> </head> <body> <FORM NAME="Calc"> <TABLE BORDER=4 bordercolorlight="#808080" bordercolor="#808080" width="250" height="38"><TR><TD width="291" height="39" bgcolor="#C0C0C0"> &nbsp; <INPUT TYPE="text" NAME="Input" readonly Size="21" style="background-color: #F5F5F5; font-family: Arial; border: 1 solid #000000">&nbsp <button NAME="back" OnClick="backspace()">←</button> </TD></TR><TR><TD width="291" height="38"> <table border="0" width="100%" height="105" cellpadding="0"> <tr> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="1" OnClick="addoperator()">1</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="2" OnClick="addoperator()">2</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="3" OnClick="addoperator()">3</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="+" OnClick="addoperator()">+</BUTTON> </td> </tr> <tr> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="4" OnClick="addoperator()">4</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="5" OnClick="addoperator()">5</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="6" OnClick="addoperator()">6</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="-" OnClick="addoperator()">-</BUTTON> </td> </tr> <tr> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="7" OnClick="addoperator()">7</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="8" OnClick="addoperator()">8</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="9" OnClick="addoperator()">9</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="*" OnClick="addoperator()">×</BUTTON> </td> </tr> <tr> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="clear" OnClick="clearinput()">C</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="0" OnClick="addoperator()">0</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="=" OnClick="result()">=</BUTTON> </td> <td width="25%" height="31" align="center" bgcolor="#C0C0C0"> <BUTTON NAME="/" OnClick="addoperator()">÷</BUTTON> </td> </tr> </table> </TD></TR> </TABLE> </FORM> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

隨機顯示個性簽名的js代碼(兼容ie,firefox)
隨機顯示個性簽名的js代碼,主要是利用隨機數(shù)。需要的朋友可以參考下。
2011-04-04
一款雙向無縫+按鈕定位的焦點圖實現(xiàn)代碼
做這個焦點圖弄了大個晚上，感覺挺暈的~發(fā)上來給大家踩一下吧雙向無縫的原理很簡單實現(xiàn)起來也不難，主要頭痛的是在前后無縫與按鈕定位之間的配合問題，不過還好現(xiàn)在總算OK了。
2010-11-11
百度手寫板代碼JavaScript遠程調用的實現(xiàn)(鼠標輸入法)
百度手寫板代碼JavaScript遠程調用的實現(xiàn)，其實沒什么可參考的，引用百度的Js文件，如果大家想使用這個類的話，自己下載就行了，正好可參考一下本演示，幫你快速入題。
2010-09-09
table 隔列(行)換色效果讓表格結構更清淅
table 隔列換色效果，很實用的一款網(wǎng)頁特效代碼，用隔行換色來修飾表格，可讓表格結構更清淅，也更加美觀，是一個十分流行的表格特效,在網(wǎng)頁中有利于提高用戶體驗，是一個很不錯的效果，需要的朋友可以參考下
2012-12-12
iphone手機桌面滑動效果使用css3實現(xiàn)
iphone手機桌面效果，因為用了css3樣式，只測試了谷歌瀏覽器,此效果比較不錯，有興趣的朋友可以多測試幾個瀏覽器
2012-12-12
Js檢測判斷URL網(wǎng)址輸入是否正確
JavaScript檢測判斷用戶輸入的URL是否正確，簡單的正則規(guī)則，很準確的判斷URL的合法性，值得借鑒。
2010-10-10
html+JavaScript煙花3D簡單特效（親測可用）
網(wǎng)頁煙花特效方便使用，更能給養(yǎng)眼享受，復制黏貼就能使用，快來試試吧。這篇文章主要介紹了html+JavaScript煙花3D特效（親測可用）,需要的朋友可以參考下
2023-01-01
Js網(wǎng)頁另存為實現(xiàn)代碼
Js實現(xiàn)網(wǎng)頁另存為，點擊按鈕即可實現(xiàn)，網(wǎng)頁代碼。
2010-09-09
網(wǎng)頁計算器一個JS計算器
一個挺小的JavaScript網(wǎng)頁計算器，界面美化的我想還是不錯的，畢竟在沒有使用任何圖片修飾的情況下，很好看，而且功能挺實用，可以完成基本的數(shù)學算數(shù)運算
2013-09-09
簡單JS打造酷炫代碼雨（黑客高逼格）
電影黑客帝國有個代碼雨效果，滿滿的既視感，身為程序猿的你羨慕嗎？只要很簡單的HTML+JavaScript就能實現(xiàn)，甚至不需要懂任何技術。這篇文章主要介紹了簡單JS打造酷炫代碼雨（黑客高逼格）,需要的朋友可以參考下
2023-01-01