网页计算器html代码（html网页计算器代码怎么写）

本文目录

• html网页计算器代码怎么写
• 我有一个html网页计算器代码求大神加个退格功能
• 帮我写一个网页计算器公式代码
• 网页版计算器
• HTML里面怎么设计做一个加减乘除的网页
• 利用JavaScript脚本语言编写一个简单的“网页计算器”
• html写一个计算器
• 如何提取网页计算器中的计算公式
• 用HTML代码写一个计算器
• 如何用JS创建一个简单的网页计算器

html网页计算器代码怎么写

我这里有一个现成的，自己再改一下吧（《HTML》
《HEAD》
《SCRIPT LANGUAGE = "JavaScript"》
function calcu(){
var numb1= *****;
var numb2= *****;
var total= parseFloat(numb1)*parseFloat(numb2);
*****=total;
}
《/SCRIPT》

《script type="text/javascript" language="*****" src="*****"》《/script》
《/HEAD》
《BODY》
《FORM name="calc"》
《P》《BR》
《font size="5"》会说话的QQ竞拍喽！《/fo
《BR》
竟拍价?
《INPUT name="num2" TYPE="text" id="num2" value="120" size="15"》 《BR》
购买数量：
《INPUT TYPE="text" name="num1" size="15"》 《BR》
预计总价：
《INPUT name="result" TYPE="text" size="15"》
《/P》
《P》
《INPUT name="getAnswer" TYPE="button" id="getAnswer" onClick="calcu()"
value="计算看看"》《!--单机鼠标调
《/P》
《/FORM》
《/BODY》
《/HTML》
）

我有一个html网页计算器代码求大神加个退格功能

function onclickBackspace() { 
str = *****("nummessege");
num=*****;
var newstr=*****(0,num.length-1);
***** = newstr; 
}

帮我写一个网页计算器公式代码

写好了，代码如下，天气好冷啊！
《!doctype html》
《html》
《head》
《meta charset="utf-8"》
《title》test《/title》
《style》
input{
width: 33px;
}
#compute{
width: 50px;
}
《/style》
《/head》
《body》
《div id="content"》
(《input id="num1" type="text"》*
《input id="num2" type="text"》)/
《input id="num3" type="text"》+****=
《input id="result" type="text"》
《input type="button" id="compute" value="计算"》
《/div》
《script》
var n1 = *****(’num1’);
var n2 = *****(’num2’);
var n3 = *****(’num3’);
var rst = *****(’result’);
var com = *****("compute");
*****("click",function(){
if(***** == 0 ||***** == 0 ||***** == 0){
alert("请填写完毕再进行计算！");
return false;
}
if(***** == 0){
alert("除数不能为 0!");
return false;
}
var result = (***********)/*****+****;
***** = result;
})
《/script》
《/body》
《/html》

网页版计算器

***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》WEB计算器《/title》
《!---计算器功能模块--》
《script language="javascript" type="text/javascript" runat="server"》
var lingState="beStart"; //当前状态
var curOper="start"; //当前运算符
var num1=0; //初值
var num2=0; //初值
var subOper=false; // 是否刚刚单击过运算符
var upOper=false;//运算符的标签
var tnumber=false;//MR记住显示框的状态
var cM=false;//记住M启动
var xM=false;//记住按M+
var ms=false;//记住是否按MS
var sk=false;
var twonumber=false;
var ss;//保存MS要保存的值
var **=0;
//数字键触发功能模块
function number(i)
{
if(subOper ) //表示在此之前刚刚单击过运算符或者刚刚单击过等号
{
*****=i; //把输入的值赋给文本框显示
subOper=false;//输入数后，点击了符号
lingState="beInteger";
}
else
{ //表示正在进行或开始一个数字的输入

if(*****=="0")//当文本显示框为0时，则把刚刚单击的数值赋给文本框
{
*****=i;//当符合条件则把单击的数值(*****)赋予给显示框1
lingState="beInteger";
}
else
***** += i;//当文本显示框不为0，则数值累加显示文本框
}
if(curOper!="start")//判断是否单击过运算符
{
num2=*****;
}
// alert("初值num1的值"+num1);
// alert("num2的值"+num2);
//lingState="beStart"; //清除当前状态
upOper=true;//记住输入数字 以便下面+号连+运算
tnumber=true;//记住有值
}
/* + - * / */
//结果运算模块
function sum()
{
if (curOper!="start")//判断是否单击按钮(符号为空
{
switch(curOper)
{
case "+": //判断符号为+时执行+运算
num1= parseFloat(num1)+parseFloat(num2); //把第一次输入的值和第二次的值进行运算
break;
case "-": //判断符号为-时执行+运算
num1= parseFloat(num1)-parseFloat(num2);
break;
case "*": //判断符号为*时执行+运算
num1= parseFloat(num1)*parseFloat(num2);
break;
case "/": //判断符号为/时执行+运算
if(num2=="0")
{
alert("除数不能为零");
}
else{
num1= parseFloat(num1)/parseFloat(num2);
}
break;
}
*****=num1;//把运算结果赋给显示框
}
subOper=true;//输入数后，点击了符号
//curOper="start"; //清除当前符号状态
lingState="beStart";//清除当前状态
upOper=false;//=运算一次后记住 避免再按+号又进行运算 （ 清除当前符号状态
sk=true;
}
//常规符号运算功能模块
function allfhao(i)
{
subOper=true;//输入数后 输入符号 进行运算
if (curOper=="start")//实现连运算 原理：当运行当前运算符时实现连运算
{
num1=*****; //把第一个数赋值给num1
curOper=i; //单击运算符用变量把运算符记住
tnumber=true;
}
else
{
if(upOper)//当upOper为真时则实现连运算
{
sum();//当符合条件时调用结果运算 实现连运算
}
curOper=i;//单击运算符用变量把运算符记住
}
upOper=false;//=运算一次后记住 避免再按+号又进行运算 （ 清除当前符号状态
lingState="beStart";//清除当前状态
// alert("符号num1的值"+num1);
// alert("num2的值"+num2);
}
//小数点功能模块
function point()
{
if(*****(".")==-1) //判断是否有小数点，如果有就不显示 如果没有那么进行下面的运算
{
if(lingState=="beStart")//如果进行了等号运算 但并没有小数点 但单击了小数点则显示0.几
{
*****="0.";//当符合条件则显示框1 显示0.
subOper=false;//输入数后，点击了符号
lingState="beFloat"; //让一个变量记住以输入小数点
}
if(lingState=="beInteger" )//判断是否有数输入，如果有数数输入但不是接这等号运算则显示小数点
{
*****+=".";//当符合条件则显示小数点
lingState="beFloat";//用一个变量记住已经输入一个小数点，当下次输入由于值的改变则不能输入，起到只能输入一个小数点的功能
}
}
}
//全部清除功能模块 C CE Backspace
function cleaktext(i)
{
switch(i)
{
case"C"://清除C
*****="0"; //清除文本框内的内容
lingState="beStart"; //清除当前状态
curOper="start"; //清除当前符号状态
subOper=false; // 是否刚刚单击过运算符
upOper=false;//运算符的标签
num1=0;
num2=0;
break;
case"CE": //清除CE
*****="0"; //清除文本框内的内容
break;
case"Backspace": //推格删除
if(cM=false)//如果启动MR那么不能实现推格功能
{
if(upOper)
{
if (*****》1)
{
*****=*****(0,*****.length-1); //运用substring取字符串方法将返回一个包含从原始对象中获得的子字符串的 String 对象。 使用 start 和 end 两者的较小值作为子字符串的起始点。
}
else
{
*****="0";//一个一个删除
}
}
break;
}
}
}
/* % 1/x sqrt +/- pi */
//全部的特殊符号运算模块
function alltx(i)
{
switch(i)
{
case "%"://%运算
*****=*****/100;
num2=*****;
break;

case "1/x":
if(*****=="0"){

*****="除数不能为零。";
}
else {
*****=1/*****;
num2=*****;
}
break;
case "sqrt"://开方
*****=*****(*****); //math对象 开方运算
num2=*****;
break;
case "+/-"://+/-运算符 负号运算
if(upOper)//当运行了符号则不能按负号
{
*****=*****;
num2=*****;
}
else{
*****="0";
}
break;
case "pi":
*****="*****";
num2=*****;
break;
case "sin":
*****=*****(*****);
num2=*****;
break;
case "cos":
*****=*****(*****);
num2=*****;
break;
case "tan":
*****=*****(*****);
num2=*****;
break;
}

}
//全部M系列功能模块
function checkallM(i){
switch(i)
{
case"M+"://启动M系列功能模块
if(*****!="0" && ms==false)
{
*****="M";//在显示框2显示M以告知用户以启动M系列功能
**=*****;
}
if(*****=="M" && ms!=false)
{
**=eval(ss+’+’+*****);//MR保存的值提取实现M+功能
}
xM=true; //记住单击过M+ 以便MR操作
break;
case "MS"://启用M系列功能 启动记忆功能（记忆上一次计算结果）
ss=*****;// 把显示框结果给SS保存（予以MR提取
if(*****=="0")//当显示框1显示结果为0时单击MS时也可以清除显示框2 M功能
{
*****="";//清除显示框2 M
}
if(*****!="0")
{
*****="M";
}
ms=true; //记住单击过Ms 以便MR操作 (看是否赋+运算后的值 还是当前值
break;
case "MR"://提取MS保存数值功能
if(xM)//是否单击m+
{
if(*****=="M" )//当启动M功能时 MR才能起到保存提取的功能
{
*****=**;//当条件符合 则把MS保存的值 并实现M+功能
}
else if(subOper || tnumber){//没有启动M功能 则清除显示框
*****="0";
}
}
// else{ *****=ss;}
break;
case "MC": // 清除M显示框中M系列的功能
*****="";//清空显示框2的 M功能
xM=false;
ms=false;
break;
}
cM=true;
lingState="beStart";//清除当前状态
}
//onLoad="setStart()"
《/script》
《style type="text/css" 》
#c{
width:320px;
height:270px;
border:#666666 5px groove;

background-color:#ECE9D8

}
#ipts{ margin:5px 5px 3px 5px; text-align:right; width:270px}
#s{ margin:7px 5px 6px 5px; height:200px}
.bt{ width:30px; height:30px; background-color:#ECE9D8; border:solid 1px #C8C6B0}
.bt2{width:75px; height:30px; color:#F00; background-color:#ECE9D8; border:solid 1px #C8C6B0;}
.bt3{width:20px; height:20px; text-align:center;}
.wz{ font-size:12px}

《/style》
《/head》
《body 》
《!---隐藏层--》
《div id="s"》
《FORM METHOD=POST ACTION="" name="form"》
《div id="c"》
《table width="98%" height="268" border="0" align="center" cellpadding="0"》
《tr》
《td height="19" colspan="7"》
《table width="294" border="0" cellpadding="0" cellspacing="0" 》
《tr》
《td class="wz" width="12" height="19"》 《/td》
《td class="wz" width="47"》(E)《/td》
《td class="wz" width="49"》查看(V)《/td》
《td class="wz" width="186"》帮助(H)《/td》
《/tr》
《/table》《/td》《/tr》
《tr》
《td height="29" colspan="7"》
《div id="ipts"》
《input name="ipt" type="text" id="ipts" value="0" size="40" maxlength="20" readonly="readonly" /》
《/div》
《/td》《/tr》
《!-- ipt1 Backspace CE C --》
《tr》
《td height="38" colspan="7" align="center"》《table width="100%" border="0" cellspacing="0" cellpadding="0"》
《tr》
《td width="14%" align="center"》《input name="ipt1" type="text" disabled="disabled" class="bt3" size="1" maxlength="0" /》《/td》
《td width="86%" align="center"》《table width="97%" border="0" cellspacing="0" cellpadding="0"》
《tr》
《td align="center"》《input name="button23" type="button" class="bt2" id="button23" style="color:#00F" value="Backspace" onclick="cleaktext(*****)"/》《/td》
《td align="center"》《input style="color:#00F" name="button21" type="button" class="bt2" id="button20" value="CE" onclick="cleaktext(*****)"/》《/td》
《td align="center"》《input style="color:#00F" name="button20" type="button" class="bt2" id="button21" value="C" onclick="cleaktext(*****)"/》《/td》
《/tr》
《/table》《/td》
《/tr》
《/table》《/td》
《/tr》
《!-- MC 7 8 9 / sqrt --》
《tr》
《td width="16%" align="center"》《table width="99%" height="162" border="0"》
《tr》
《td height="35" align="center"》《input style="color:#F00" type="button" value="MC" class="bt" onclick="checkallM(*****)"/》《/td》
《td width="16%" align="center"》《input style="color:#00F" name="button1" type="button" class="bt" id="button1" value="7" onclick="number(*****)" /》《/td》
《td width="14%" align="center"》《input style="color:#00F" name="button2" type="button" class="bt" id="button2" value="8" onclick="number(*****)" /》《/td》
《td width="14%" align="center"》《input style="color:#00F" name="button3" type="button" class="bt" id="button3" value="9" onclick="number(*****)"/》《/td》
《td width="13%" align="center"》《input style="color:#F00" name="button4" type="button" class="bt" id="button4" value="/" onclick="allfhao(*****)"/》《/td》
《td width="14%" align="center"》《input style="color:#00F" name="button5" type="button" class="bt" id="button5" value="sqrt" onclick="alltx(*****)"/》《/td》
《td width="16%" align="center"》《input style="color:#00F" name="button24" type="button" class="bt" id="button24" value="sin" onclick="alltx(*****)"/》《/td》
《/tr》
《!-- MR 4 5 6 * % --》
《tr》
《td width="13%" height="39" align="center"》《input style="color:#F00" type="button" value="MR" class="bt" onclick="checkallM(*****)"/》《/td》
《td width="16%" align="center"》《input style="color:#00F" name="button6" type="button" class="bt" id="button6" value="4" onclick="number(*****)" /》《/td》
《td width="14%" align="center"》《input style="color:#00F" name="button7" type="button" class="bt" id="button7" value="5" onclick="number(*****)"/》《/td》
《td width="14%" align="center"》《input style="color:#00F" name="button8" type="button" class="bt" id="button8" value="6" onclick="number(*****)"/》《/td》
《td width="13%" align="center"》《input style="color:#F00" name="button9" type="button" class="bt" id="button9" value="*" onclick="allfhao(*****)"/》《/td》
《td width="14%" align="center"》《input style="color:#00F" name="button10" type="button" class="bt" id="button10" value="%" onclick="alltx(*****)"/》《/td》
《td width="16%" align="center"》《input style="color:#00F" name="button25" type="button" class="bt" id="button25" value="cos" onclick="alltx(*****)"/》《/td》
《/tr》
《!-- MS 1 2 3 - 1/x --》
《tr》
《td width="13%" height="38" align="center"》《input style="color:#F00" type="button" value="MS" class="bt" onclick="checkallM(*****)" /》《/td》
《td width="16%" align="center"》《input style="color:#00F" name="button11" type="button" class="bt" id="button11" value="1" onclick="number(*****)"/》《/td》
《td width="14%" align="center"》《input style="color:#00F" name="button12" type="button" class="bt" id="button12" value="2" onclick="number(*****)"/》《/td》
《td width="14%" align="center"》《input style="color:#00F" name="button13" type="button" class="bt" id="button13" value="3" onclick="number(*****)"/》《/td》
《td width="13%" align="center"》《input style="color:#F00" name="button14" type="button" class="bt" id="button14" value="-" onclick="allfhao(*****)"/》《/td》
《td width="14%" align="center"》《input style="color:#00F" name="button15" type="button" class="bt" id="button15" value="1/x" onclick="alltx(*****)"/》《/td》
《td width="16%" align="center"》《input style="color:#00F" name="button26" type="button" class="bt" id="button26" value="tan" onclick="alltx(*****)"/》《/td》
《/tr》
《!-- M+ 0 +/- . + = --》
《tr》
《td width="13%" height="38" align="center"》《input style="color:#F00" type="button" value="M+" class="bt" onclick="checkallM(*****)"/》《/td》
《td width="16%" height="38" align="center"》《input style="color:#00F" name="button16" type="button" class="bt" id="button16" value="0" onclick="number(*****)"/》《/td》
《td width="14%" height="38" align="center"》《input style="color:#00F" name="button17" type="button" class="bt" id="button17" value="+/-" onclick="alltx(*****)"/》《/td》
《td width="14%" align="center"》《input style="color:#00F" name="button18" type="button" class="bt" id="button18" value="." onclick="point()"/》《/td》
《td width="13%" align="center"》《input style="color:#F00" name="button19" type="button" class="bt" id="button19" value="+" onclick="allfhao(*****)" /》《/td》
《td width="14%" align="center"》《input style="color:#F00" name="button22" type="button" class="bt" id="button22" value="=" onclick="sum()"/》《/td》
《td width="16%" align="center"》《input style="color:#00F" name="button27" type="button" class="bt" id="button27" value="pi" onclick="alltx(*****)"/》《/td》
《/tr》

《/table》
《/td》《/tr》《/table》
《/div》
《/FORM》
《/div》
《/body》
《/html》

HTML里面怎么设计做一个加减乘除的网页

这个需要知道javascript,这方面语言会吗？不会的话，帮你写一个了！

《!DOCTYPE html》
《html》
《head》
《meta charset="utf-8" /》
《title》计算器《/title》
《/head》
***隐藏网址***
《script type="text/javascript"》
$(function(){
$("button").click(function(){
var first  = parseInt($("#first").val());//获取第一个数的值并转化为数字
var second = parseInt($("#second").val());//获取第二个数的值并转化为数字
var sum    = 0;//定义结果值
var symbol = parseInt($(":checked").val());//获取符号的值
//通过对符号的判断计算结果
switch(symbol){
case 0:
sum = first + second;
break;
case 1:
sum = first - second;
break;
case 2:
sum = first * second;
break;
case 3:
sum = first / second;
break;
}
var arr    = ;//输出的符号
$("h3 span").text(first + arr + second +" = " +sum);//把结果输出到结果栏中 
})
})
《/script》
《body》
《h1》计算器《/h1》
《p》数字一：《input type="text" id="first" style="width: 40px;" /》《/p》
《p》
《label》《input type="radio" name="symbol" value="0" checked="checked"/》+《/label》
《label》《input type="radio" name="symbol" value="1" /》-《/label》
《label》《input type="radio" name="symbol" value="2" /》*《/label》
《label》《input type="radio" name="symbol" value="3" /》/《/label》
《/p》
《p》数字二：《input type="text" id="second" style="width: 40px;" /》《/p》
《p》《button》计算《/button》《/p》
《h3》结果：《span》《/span》《/h3》
《/body》
《/html》

利用JavaScript脚本语言编写一个简单的“网页计算器”

***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》无标题文档《/title》
《script language="javascript"》
function jsq(fh)
{
var num1,num2;
num1=parseFloat(*****);
num2=parseFloat(*****);
if(fh=="+")
*****=num1+num2;
if(fh=="-")
*****=num1-num2;
if(fh=="*")
*****=num1*num2;
if(fh=="/")
if(num2!=0)
{
*****=num1/num2;
}
else
{
alert ("除数不能为零!")
}
}
《/script》
《/head》

《body》
《form id="form1" name="form1" method="post" action=""》
《label》
《input name="text1" type="text" id="text1" /》
《/label》
《p》
《label》
《input name="text2" type="text" id="text2" /》
《/label》
《/p》
《p》
《label》
《input name="Button1" type="Button" id="Button1" value="+" onClick="jsq(’+’)"》
《input name="Button2" type="Button" id="Button2" value="-" onClick="jsq(’-’)"/》
《input name="Button3" type="Button" id="Button3" value="*" onClick="jsq(’*’)"/》
《input name="Button4" type="Button" id="Button4" value="/" onClick="jsq(’/’)"/》
《/label》
《/p》
《p》
《label》
《input name="text3" type="text" id="text3" /》
《/label》
《/p》
《/form》
《/body》
《/html》

html写一个计算器

首先要说明一点，纯html是不能计算器的，因为html是标记语言，不是编程语言，不能程序，要写计算器，还需要js代码，下面为全部代码：
《html》
《head》
《title》计算器《/title》
***隐藏网址***
《/head》
《body》
《script language="JavaScript"》
《!-- Hide the script from old browsers --
function compute(obj)
{***** = eval(*****)}
var one = ’1’
var two = ’2’
var three = ’3’
var four = ’4’
var five = ’5’
var six = ’6’
var seven = ’7’
var eight = ’8’
var nine = ’9’
var zero = ’0’
var plus = ’+’
var minus = ’-’
var multiply = ’*’
var divide = ’/’
var decimal = ’.’
function enter(obj, string)
{***** += string}
function clear(obj)
{***** = ’’}
// --End Hiding Here --》
《/script》
《form name="calc"》
《table border=1》
《td colspan=4》《input type="text" name="expr" size=30 action="compute(*****)"》 《tr》
《td》《input type="button" value=" 7 " onClick="enter(*****, seven)"》
《td》《input type="button" value=" 8 " onClick="enter(*****, eight)"》
《td》《input type="button" value=" 9 " onClick="enter(*****, nine)"》
《td》《input type="button" value=" / " onClick="enter(*****, divide)"》
《tr》《td》《input type="button" value=" 4 " onClick="enter(*****, four)"》
《td》《input type="button" value=" 5 " onClick="enter(*****, five)"》
《td》《input type="button" value=" 6 " onClick="enter(*****, six)"》
《td》《input type="button" value=" * " onClick="enter(*****, multiply)"》
《tr》《td》《input type="button" value=" 1 " onClick="enter(*****, one)"》
《td》《input type="button" value=" 2 " onClick="enter(*****, two)"》
《td》《input type="button" value=" 3 " onClick="enter(*****, three)"》
《td》《input type="button" value=" - " onClick="enter(*****, minus)"》
《tr》《td colspan=2》《input type="button" value=" 0 " onClick="enter(*****, zero)"》
《td》《input type="button" value=" . " onClick="enter(*****, decimal)"》
《td》《input type="button" value=" + " onClick="enter(*****, plus)"》
《tr》《td colspan=2》《input type="button" value=" = " onClick="compute(*****)"》
《td colspan=2》《input type="button" value="AC" size= 3 onClick="clear(*****)"》 《/table》
《/form》
《/body》
《/html》

如何提取网页计算器中的计算公式

这些计算公式，都是javascript代码块。比如现在这个问题页，你在空白处“右键”-“查看网页源代码”，里面所有的 《script type="text/javascript" src="路径.js"》《/script》都是js方法。一般的js方法，都是经过了混淆加密的，不让客户轻易破解。再者，很多专有的方法，是在后台进行计算的。

用HTML代码写一个计算器

《html》
《head》
《title》计算器《/title》
《/head》
《body bgcolor="#ffffff" onload="*****();*****();"》
《FORM name="Keypad" action=""》
《TABLE align="center"》
《B》
《TABLE align="center" border=2 width=50 height=60 cellpadding=1 cellspacing=5》
《TR》
《TD colspan=3 align=middle》《input name="ReadOut" type="Text" onkeypress="CheckOut()" size=24 value="0"
width=100%》《/TD》
《TD》《/TD》
《TD》《input name="btnClear" type="Button" value=" C " onclick="Clear()"》《/TD》
《TD》《input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"》《/TD》
《/TR》
《TR》
《TD》《input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"》《/TD》
《TD》《input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)"》《/TD》
《TD》《input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"》《/TD》
《TD》《/TD》
《TD》《input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"》《/TD》
《TD》《input name="btnPercent" type="Button" value=" % " onclick="Percent()"》《/TD》
《/TR》
《TR》
《TD》《input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)"》《/TD》
《TD》《input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)"》《/TD》
《TD》《input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)"》《/TD》
《TD》《/TD》
《TD align=middle》《input name="btnPlus" type="Button" value=" + " onclick="Operation(’+’)"》 《/TD》
《TD align=middle》《input name="btnMinus" type="Button" value=" - " onclick="Operation(’-’)"》《/TD》
《/TR》
《TR》
《TD》《input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)"》《/TD》
《TD》《input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)"》《/TD》
《TD》《input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)"》《/TD》
《TD》《/TD》
《TD align=middle》《input name="btnMultiply" type="Button" value=" * " onclick="Operation(’*’)"》《/TD》
《TD align=middle》《input name="btnDivide" type="Button" value=" / " onclick="Operation(’/’)"》《/TD》
《/TR》
《TR》
《TD》《input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)"》《/TD》
《TD》《input name="btnDecimal" type="Button" value=" . " onclick="Decimal()"》《/TD》
《TD colspan=2》《/TD》
《TD》《input name="btnEquals" type="Button" value=" = " onclick="Operation(’=’)"》《/TD》
《TD》《input name="btnReturn" type="Button" value="返 回" onclick="goReturn()"》《/TD》
《/TR》
《/TABLE》
《/TABLE》
《/B》
《/FORM》
《/CENTER》
《font face="Verdana, Arial, Helvetica" size=2》
《SCRIPT LANGUAGE="JavaScript"》
《!-- Begin
var FKeyPad = *****;
var Accum = "0";
var FlagNewNum = false;
var PendingOp = "";
//===============================================================================
// 浮点数精确计算
// str1 - 第一个数
// str2 - 第二个数
// type - 运算符
// precision - 小数位精度
// longCount(str1,str2,type,precision);
// 计算结果
//===============================================================================
function longCount(str1,str2,type) {
var comma1 = 0;
if (*****(".")!=-1) {
str1 = *****(/0*$/,"");
comma1 = ***** - *****(".")-1;
}
var comma2 = 0;
if (*****(".")!=-1) {
str2 = *****(/0*$/,"");
comma2 = ***** - *****(".")-1;
}
str1 = *****(/\./,"");
str2 = *****(/\./,"");
var value,comma;
if (type!="*") {
if (comma1》comma2) {
for (var i=0;i《comma1-comma2;i++) str2 += "0";
comma = (type=="/")?0:comma1;
}else {
for (var i=0;i《comma2-comma1;i++) str1 += "0";
comma = (type=="/")?0:comma2;
}
}else {
comma = comma1 + comma2;
}
if (type=="+") {
value = parseInt(str1,10) + parseInt(str2,10);
}else if (type=="-") {
value = parseInt(str1,10) - parseInt(str2,10);
}else if (type=="*") {
value = parseInt(str1,10) * parseInt(str2,10);
}else if (type=="/") {
value = parseInt(str1,10) / parseInt(str2,10);
}
value = String(value);
if (comma》0) value = *****(0,value.length-comma)+"."+*****(value.length-
comma,*****);
if (*****(".")!=-1)
value = *****(/0*$/,"");
return value;
}
function NumPressed (Num) {
if (FlagNewNum) {
***** = Num;
FlagNewNum = false;
}
else {
if (***** == "0")
***** = Num;
else
***** += Num;
}
}
function Operation (Op) {
var Readout = *****;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( ’+’ == PendingOp || ’-’ == PendingOp || ’/’ == PendingOp || ’*’ == PendingOp)
Accum = longCount(Accum,Readout,PendingOp);
else
Accum = Readout;
***** = Accum;
PendingOp = Op;
*****();
*****();
}
}
function Decimal () {
var curReadOut = *****;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (*****(".") == -1)
curReadOut += ".";
}
***** = curReadOut;
}
function ClearEntry () {
***** = "0";
FlagNewNum = true;
}
function Clear () {
Accum = "0";
PendingOp = "";
ClearEntry();
}
function Neg () {
alert(*****);
***** = longCount(*****,"-1","*");
}
function Percent () {
***** = longCount(*****,Accum,"*");
***** = longCount(*****,100,"/");
}
function goReturn() {
***** = *****;
*****();
}
function CheckOut() {
var keyCode = *****;
if (keyCode》=48 && keyCode《=57) {
if (FlagNewNum) {
***** = "";
//***** = null;
FlagNewNum = false;
}
return true;
}else if (keyCode==43 || keyCode==45 || keyCode==42 || keyCode==47 || keyCode==61) {
Operation(*****(keyCode));
}else if (keyCode==46) {//.
if (*****(".") == -1)
return true;
}else if (keyCode==13) goReturn();
***** = false;
return false;
}
// End --》
《/SCRIPT》
《/body》
《/html》

如何用JS创建一个简单的网页计算器

《!doctype html》    
《html》    
《head》    
《title》计算器《/title》    
《meta charset="utf-8"/》    
《style type="text/css"》    
.panel{    
  border:4px solid #ddd;    
width:192px;    
margin:100px auto;    
}    
.panel p,.panel input{    
  font-family:"微软雅黑";    
font-size:20px;    
margin:4px;    
float:left;    
}    
.panel p{    
  width:122px;    
height:26px;    
border:1px solid #ddd;    
padding:6px;    
overflow:hidden;    
}    
.panel input{    
 width:40px;    
height:40px;    
border:1px solid #ddd;    
}    
《/style》    
《script type="text/javascript"》    
//参数e用来接收传入的event对象    
function cal(e){    
//1.获取事件源，处理button的事件    
var obj=*****||*****;    
if(***** !="INPUT"){    
 return;    
}    
    
var value=*****;    
var p=*****("screen");    
if(value=="C"){    
//2.如果是，则清空p    
*****="";    
}else if(value=="="){    
//3.如果是，则运算    
var exp=*****;    
try{    
var result=eval("("+exp+")");    
//如果正确执行，将结果写入p    
*****=result;    
}catch(e){    
//发生错误，给予错误提示    
 *****="Error.";    
}    
}else{    
//4.如果是其它按钮，则将value追加到p中    
*****+=value;    
    
}    
}    
《/script》    
《/head》    
《body》    
《!--在最外层的div上注册单击事件，传入event对象，然后在函数中通过event判断出事件来源于哪一个button，    
    进而做出应有的处理。这样的好处是，避免在button上大量的注册事件。--》    
《div class="panel" onClick="cal(event);"》    
《div》    
《p id="screen"》《/p》    
《input type="button" value="C"》    
《div style="clear:both"》《/div》    
《/div》    
《div》    
《input type="button" value="7"》    
《input type="button" value="8"》    
《input type="button" value="9"》    
《input type="button" value="/"》    
《input type="button" value="4"》    
《input type="button" value="5"》    
《input type="button" value="6"》    
《input type="button" value="*"》    
《input type="button" value="1"》    
《input type="button" value="2"》    
《input type="button" value="3"》    
《input type="button" value="-"》    
《input type="button" value="0"》    
《input type="button" value="."》    
《input type="button" value="="》    
《input type="button" value="+"》    
《div style="clear:both"》《/div》    
《/div》    
《/body》    
《/html》

这是我自学时候写的计算器