JavaScript 网页计算器代码 ， 该计算器是用 dw 写的！
HTML 篇
<html <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <title> 计算器 </title> <link href = "style/calculator.css" rel = "stylesheet" type = "text/css"/> src = "javaScript/cocalulator.js"> </script >> </head> <body> <form1 id = "form1" name = "form1" method = "post" action = ""> <table cellpadding = "0" collacpacing = "0" id = "calculator"> <td colspan = <input name = "txt" type = "text" id = "txt" value = "0" onfocus = "this.blur () ؛"/> </td> </tr> <tr> <td align = "center" valign = "middle" onClick = "deLeteall () ؛ onClick = "backspace () ؛"> ← </td> <td align = "center" valign = "middle" onClick = "sign () ؛ onClick = "command (7) ؛"> 7 </td> <td align = "center" valign = "middle" onClick = "command (8) ؛"> 8 </td> <td align = "center" valign = "middle" onclick = "command (9) ؛ </r> <tr> <td align = "center" valign = "middle" onClick = "command (4) ؛"> 4 </td> <td align = "center" valign = "middle" onClick = "Command (5) ؛ valign = "middle" onClick = "multiply () ؛"> × </td> </tr> <tr> <td align = "center" valign = "middle" onClick = "command (1) ؛ onClick = "command (3) ؛"> 3 </td> <td align = "center" valign = "middle" onClick = "divide () ؛"> ÷ </td> </tr> <tr> <td align = "center" valign = "middle" onClick = "0) ؛" 0 </td> onClick = "dot () ؛"> ▪ </td> <td colspan = "2" align = "center" valign = "middle" bgcolor = "#cc6600" onClick = "equal () ؛
CSS 篇
charset "utf-8" ؛/ * css مستند */. حجم الخط: 24 بكسل ؛ اللون: #fff ؛ خلفية اللون: #333 ؛ محاذاة النص: المركز ؛ الحدود: 1px Solid #999 ؛}. المشغل {background-color: #333 ؛ حجم الخط: 18 بكسل ؛ اللون: #C60 ؛ Font-Family: Verdana ، Geneva ، Sans-Serif ؛} td: hover {font-size: 28px ؛ المؤشر: مؤشر. } .txt {height: 100px ؛ العرض: 320 بكسل ؛ خلفية اللون: #333 ؛ محاذاة النص: اليسار ؛ المحاذاة الرأسية: أسفل. اللون: #fff ؛ حجم الخط: 30 بكسل ؛}JavaScript 篇
// 实现计算器功能 // 结果 var result = 0 ؛ // 显示框中的数 （默认为 "0"） var screennum = "0" ؛ // 数的初始输入状态 ， 0 ；当按了任意运算符键后 ；当按了任意运算符键后 ， 数的输入状态变为 1var state = 0 ؛ String (document.form1.txt.value) ؛ // 对该值进行判断 ， 如果该值不为 "0" ， 且输入状态 0 ， 则返回前者 则返回前者 否则为 否则为 "" (双重三目运算) // 两个判断条件 ： 1 、显示框中值是否为 "0" ، 2 、数的输入状态 str = (str! = "0")؟ (state == 0)؟ str: ""): "" ؛ // 给当前值追加字符 str = str + string (num) ؛ // 刷新显示 document.form1.txt.value = str ؛ // 按了任意数字键后 ， 数的输入状态变为 0 state = 0 ؛ // 重置防止重复按键 تجنب repeat = true ؛} // 第二步 ： ： ： ， 每个数至多只有一个小数点 每个数至多只有一个小数点 每个数至多只有一个小数点 每个数至多只有一个小数点 每个数至多只有一个小数点 每个数至多只有一个小数点 每个数至多只有一个小数点 每个数至多只有一个小数点 每个数至多只有一个小数点 每个数至多只有一个小数点 { // 若该数前面未接运算符 ， 则返回前值 ， 否则为 "0" ； str = (state == 0)؟ str: "0" ؛ // java 里 string 有 length () 方法 ， 而 而 js 里 string 有 length 属性 for (i = 0 ؛ i <= str.length ؛ i ++) {// substr () 获取下标从 i 开始 开始 个数为 1 个的子串 个的子串 if (str.substr (i ، 1) == ") {// 当存在小数点时 当存在小数点时 则程序终止 则程序终止}} // 若无小数点 ， 则在该数后面加上 str = str+"." ؛ // 刷新显示 document.form1.txt.value = str ؛ // 恢复数的初始输入状态 state = 0 ؛ } // ： ： 处理退格键 وظيفة backspace () {var str = string (document.form1.txt.value) ؛ // 若显示框中数不等于 "0" ، 则返回 str ， 否则返回 "" str = (str! = "0")؟ str: "" ؛ // 获取子串 str = str.substr (0 ، str.length-1) ؛ // 若 str 不为 "" ، 则返回子串 str ， 否则 str = "0" str = (str! = "")؟ str: "0" ؛ // 刷新显示 document.form1.txt.value = str ؛ } // ： ： 删除所有 وظيفة deleteall () {// 显示框设为 "0" document.form1.txt.value = "0" ؛ // 恢复数的初始输入状态 state = 0 ؛ // 恢复运算符键 ， 默认为 0-- 等于号 Operator = 0 ؛} // 第五步 ： ： function add () {// 调用计算函数 calculate () ؛ // 更改数的输入状态 state = 1 ؛ // 更改运算符键 ， 1-- operator = 1 ؛ } // ： ： 减法 وظيفة اطرح () {// 调用计算函数 حساب () ؛ // 更改数的输入状态 state = 1 ؛ // 2-减号 Operator = 2 ؛ } // 第七步 ： 乘法 وظيفة multiply () {// 调用计算函数 calcution () ؛ // 更改数的输入状态 state = 1 ؛ // 3-乘号 Operator = 3 ؛ } // 第八步 ： 除法 وظيفة divide () {// 调用计算函数 calcution () ؛ // 更改数的输入状态 state = 1 ؛ // 4-除号 المشغل = 4 ؛ } // ： ： 正负号 علامة الوظيفة () {// 5-- 正负号 Operator = 5 ؛ // 调用计算函数 حساب () ؛ // 更改数的输入状态 state = 1 ؛ // 0-- 等于号 operator = 0 ؛ // 正负号可以连续按 تجنب repeat = true ؛} // 第十步 ： ： function aread () {// 调用计算函数 calculate () ؛ // 更改数的输入状态 state = 1 ؛ // 0-- 等于号 operator = 0 ؛ } // ： ： 计算 وظيفة حساب () {// 获取显示框中的值 screennum = number (document.form1.txt.value) ؛ if (advingRepeat) {switch (operator) {case 1: result = result + screennum ؛ document.form1.txt.value = النتيجة ؛ استراحة؛ الحالة 2: النتيجة = النتيجة - screennum ؛ document.form1.txt.value = النتيجة ؛ استراحة؛ الحالة 3: النتيجة = النتيجة * screennum ؛ document.form1.txt.value = النتيجة ؛ استراحة؛ الحالة 4: if (screennum == 0) {// 设置显示框的值 document.getElementById ("txt"). value = "除数不能为 0" ؛ // 3S 后 ， 执行清屏函数 setTimeout (ClearScreen ، 3000) ؛ } آخر {result = result/screennum ؛ document.form1.txt.value = النتيجة ؛ } استراحة؛ الحالة 5: النتيجة = (-1)*screennum ؛ document.form1.txt.value = النتيجة ؛ استراحة؛ الحالة 0: النتيجة = screennum ؛ document.form1.txt.value = النتيجة ؛ استراحة؛ } // 当按了运算符键后 ， 不能再按 تجنب repepeat = false ؛ }} // ： ： 清屏函数 وظيفة clearscreen () {document.getElementById ("txt"). value = "0" ؛ }以上就是本文的全部内容 ， 希望对大家的学习有所帮助 ， 也希望大家多多支持武林网。