当前位置：首页 » 网页设计 » 网页版计算器

网页版计算器

发布时间: 2021-03-12 13:18:59

⑴ 初中学生计算器网页版

http://www.hao123.com/haoserver/jishuqii.htm
这个怎么样。望点赞

⑵ 用javaWEB编写一个简易的计算器，能直接用记事本改格式运行的网页版计算器，

用JAVAWEB写，得用web server！

⑶ 梦幻西游计算器网页版

http://xyq.17173.com/jsq/
打开相关网页，打开梦幻西游〖实用工具箱网页版〗界面，即可看到如下图：

直接在专框框里输入属数字，比如，想查询“经验-->等级”这一项，直接输入从几级到几级后，后面的框内便会显示数据，以此类推。

人物相关，升级经验计算、按经验可或到等级数计算、人物常规计算、点师门技能花费计算、人物修练计算、服务技能计算、打造所需熟练度计算、打造所需体力计算、活力恢复速度计算。跑商辅助：辅助跑商的玩家快速完成交票。转区查询（非常精确，调用梦幻西游官方数据）。养孩子各种计划书、非常智能的搜索知识教导答案。奇经八脉介绍，在线答题器（里面涵盖了科举考试、图片题目、周杰伦副本、三届书院、元宵灯谜、课堂修行等）。

⑷ 如何设计简单的网页计算器

⑸ 网页版计算器代码

html"><html>
<head>
<title>JS版计算器</title>
<linkrel="stylesheet"type="text/css"href="">
<metahttp-equiv="content-type"content="text/html;charset=utf-8">
<!--js代码可以放置在任意位置，按照先后顺序依次执行一般放在head标签之间-->
<scripttype="text/javascript">
/*定义一个Calculator类*/
functionCalculator(){
this.jisuan=function(num1,num2,oper){
varres=0;
switch(oper){
case"+":
res=num1+num2;
break;
case"-":
res=num1-num2;
break;
case"*":
res=num1*num2;
break;
case"/":
res=num1/num2;
break;
}
returnres;
}
}
//创建对象
varcalculator=newCalculator();
/*定义全局变量*/
varval=0;//放置输入的值
varxval=0;//保存转换Number类型的值
vartemp=0;//保存第一次输入的值
varoper="";//保存输入的操作符
/*获取输入数字*/
functioninputEvent(e){
val=e.value
varxsval=document.getElementById("inp1");
xsval.value+=val;//连续输入数字(String类型)
//转换Number类型
xval=parseFloat(xsval.value);
}
/*获取第一行的数据*/
functioninputPCB(e){
//window.alert(e.value);
varxsval=document.getElementById("inp1");
if(e.value=="Clear"){
xsval.value="";
}elseif(e.value=="Back"){
/*这个功能还没有实现，有兴趣的朋友可以自己做一做*/
}elseif(e.value=="POWER"){
//计算平方
xsval.value=Math.pow(xsval.value,2);
}
}
/*输入操作符*/
functioninputOper(e){
oper=e.value;
//window.alert(typeofoper);
//oper=oper.substr(0);
if(e.value=="+"){
varxsval=document.getElementById("inp1");
//保存上次计算结果，并对字符串进行转换Number类型
temp=parseFloat(xsval.value);
//第一次输入的值设置为空
xsval.value="";
}elseif(e.value=="-"){
varxsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}elseif(e.value=="*"){
varxsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}elseif(e.value=="/"){
varxsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}
}
/*计算结果*/
functioninputEquel(e){
varxsval=document.getElementById("inp1");
if(e.value=="="){
//window.alert(xval);
//调用对象方法
xsval.value=calculator.jisuan(temp,xval,oper);
}
}
</script>
<!--css样式-->
<style>
input{
width:60px;
}
#inp1{
width:280px;
text-align:right;
}
</style>
</head>
<body>
<tableborder="1">
<!--显示结果行-->
<tr><tdcolspan="4"><inputid="inp1"type="text"value=""name="xianshi"/></td></tr>
<!--第一行-->
<tr><td><inputtype="button"value="POWER"onclick="inputPCB(this)"/></td><td><inputtype="button"value="Clear"onclick="inputPCB(this)"/></td><td><inputtype="button"value="Back"onclick="inputPCB(this)"/></td><td></td></tr>
<!--第二行-->
<tr><td><inputtype="button"value="1"onclick="inputEvent(this)"/></td><td><inputtype="button"value="2"onclick="inputEvent(this)"/></td><td><inputtype="button"value="3"onclick="inputEvent(this)"/></td><td><inputtype="button"value="4"onclick="inputEvent(this)"/></td></tr>
<!--第三行-->
<tr><td><inputtype="button"value="5"onclick="inputEvent(this)"/></td><td><inputtype="button"value="6"onclick="inputEvent(this)"/></td><td><inputtype="button"value="7"onclick="inputEvent(this)"/></td><td><inputtype="button"value="8"onclick="inputEvent(this)"/></td></tr>
<!--第四行-->
<tr><td><inputtype="button"value="9"onclick="inputEvent(this)"/></td><td><inputtype="button"value="0"onclick="inputEvent(this)"/></td><td><inputtype="button"value="."onclick="inputEvent(this)"/></td><td><inputtype="button"value="="onclick="inputEquel(this)"/></td></tr>
<!--第五行-->
<tr><td><inputtype="button"value="+"onclick="inputOper(this)"/></td><td><inputtype="button"value="-"onclick="inputOper(this)"/></td><td><inputtype="button"value="*"onclick="inputOper(this)"/></td><td><inputtype="button"value="/"onclick="inputOper(this)"/></td></tr>
</table>
</body>
</html>

⑹ 网页上的功率计算器准确吗

以你这套配置的功耗大约 65+20+5+10+65+15+15（其他）=180W，这些都是满载功耗。
选择电源一般在满载上冗余30%比较适合。那就是180+180*0.3=240W。因此选择250W即可。
考虑到CPU 显卡都是由+12V输出，那至少需要12A，因此不能选择虚标产品。

⑺ 用JavaScript做个网页版的计算器

哎呀！这个简单！！我给你啦！！！下面就是用Jscript写的计算器了复制后保存一切就OK的啦！！！！！！！！！

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">


<title>科学计算器</title>
<style>

</style>
<script language="javascript">

</script>
</head>


<body>
<div align="center">
<form name=calc>
<table border="1" width="500" height="250">
<tr>
<td height=50>
<table width=500>
<td>
<img src="../img/cp_logo.gif">
</td>
<td>
<div align=center>
<input type=text name="display" value="0" readonly size="40">
</div>
</td>
</table>
</td>
</tr>
<tr>
<td>
<table width=500>
<tr>
<td width=290>
<input type=radio name="carry" onClick="inputChangCarry(16)">
十六进制
<input type=radio name="carry" checked onClick="inputChangCarry(10)">
十进制
<input type=radio name="carry" onClick="inputChangCarry(8)">
八进制
<input type=radio name="carry" onClick="inputChangCarry(2)">
二进制
</td>
<td>
</td>
<td width=135>
<input type=radio name="angle" value="d" onClick="inputChangAngle('d')" checked>
角度制
<input type=radio name="angle" value="r" onClick="inputChangAngle('r')">
弧度制
</td>
</tr>
</table>
<table width=500>
<tr>
<td width=170>
<input name="shiftf" type="checkbox" onclick="inputshift()">上档功能
<input name="hypf" type="checkbox" onclick="inputshift()">双曲函数
</td>
<td>
<input name="bracket" value="" type=text size=3 readonly style="background-color=lightgrey">
<input name="memory" value="" type=text size=3 readonly style="background-color=lightgrey">
<input name="operator" value="" type=text size=3 readonly style="background-color=lightgrey">
</td>
<td width=183>
<input type="button" value=" 退格 "
onclick="backspace()" style="color=red">
<input type="button" value=" 清屏 "
onClick="document.calc.display.value = 0 " style="color=red">
<input type="button" value=" 全清"
onClick="clearall()" style="color=red">
</td>
</tr>
</table>

<table width=500>
<tr>
<td>
<table>
<tr align=center>
<td>
<input name=pi type="button" value=" PI "
onClick="inputfunction('pi','pi')" style="color=blue">
</td>

<td>
<input name=e type="button" value=" E "
onClick="inputfunction('e','e')" style="color=blue">
</td>

<td>
<input name=bt type="button" value="d.ms"
onClick="inputfunction('dms','deg')" style="color=#ff00ff">
</td>
</tr>
<tr align=center>
<td>
<input type="button" value=" ( "
onClick="addbracket()" style="color=#ff00ff">
</td>

<td>
<input type="button" value=" ) "
onClick="disbracket()" style="color=#ff00ff">
</td>

<td>
<input name=ln type="button" value=" ln "
onClick="inputfunction('ln','exp')" style="color=#ff00ff">
</td>
</tr>
<tr align=center>
<td>
<input name=sin type="button" value="sin "
onClick="inputtrig('sin','arcsin','hypsin','ahypsin')" style="color=#ff00ff">
</td>

<td>
<input type="button" value="x^y "
onClick="operation('^',7)" style="color=#ff00ff">
</td>

<td>
<input name=log type="button" value="log "
onClick="inputfunction('log','expdec')" style="color=#ff00ff">
</td>
</tr>
<tr align=center>
<td>
<input name=cos type="button" value="cos "
onClick="inputtrig('cos','arccos','hypcos','ahypcos')" style="color=#ff00ff">
</td>

<td>
<input name=cube type="button" value="x^3 "
onClick="inputfunction('cube','cubt')" style="color=#ff00ff">
</td>

<td>
<input type="button" value=" n! "
onClick="inputfunction('!','!')" style="color=#ff00ff">
</td>
</tr>
<tr align=center>
<td>
<input name=tan type="button" value="tan "
onClick="inputtrig('tan','arctan','hyptan','ahyptan')" style="color=#ff00ff">
</td>

<td>
<input name=sqr type="button" value="x^2 "
onClick="inputfunction('sqr','sqrt')" style="color=#ff00ff">
</td>

<td>
<input type="button" value="1/x "
onClick="inputfunction('recip','recip')" style="color=#ff00ff">
</td>
</tr>
</table>
</td>
<td width=30>
</td>
<td>
<table>
<tr>
<td>
<input type="button" value=" 储存 "
onClick="putmemory()" style="color=red">
</td>
</tr>
<td>
<input type="button" value=" 取存 "
onClick="getmemory()" style="color=red">
</td>
</tr>
<tr>
<td>
<input type="button" value=" 累存 "
onClick="addmemory()" style="color=red">
</td>
</tr>
<tr>
<td>
<input type="button" value=" 积存 "
onClick="multimemory()" style="color=red">
</td>
</tr>
<tr>
<td height="33">
<input type="button" value=" 清存 "
onClick="clearmemory()" style="color=red">
</td>
</tr>
</table>
</td>
<td width=30>
</td>
<td>
<table>
<tr align=center>
<td>
<input name=k7 type="button" value=" 7 "
onClick="inputkey('7')" style="color=blue">
</td>

<td>
<input name=k8 type="button" value=" 8 "
onClick="inputkey('8')" style="color=blue">
</td>

<td>
<input name=k9 type="button" value=" 9 "
onClick="inputkey('9')" style="color=blue">
</td>

<td>
<input type="button" value=" / "
onClick="operation('/',6)" style="color=red">
</td>

<td>
<input type="button" value="取余"
onClick="operation('%',6)" style="color=red">
</td>

<td>
<input type="button" value=" 与 "
onClick="operation('&',3)" style="color=red">
</td>
</tr>

<tr align=center>
<td>
<input name=k4 type="button" value=" 4 "
onClick="inputkey('4')" style="color=blue">
</td>

<td>
<input name=k5 type="button" value=" 5 "
onClick="inputkey('5')" style="color=blue">
</td>

<td>
<input name=k6 type="button" value=" 6 "
onClick="inputkey('6')" style="color=blue">
</td>

<td>
<input type="button" value=" * "
onClick="operation('*',6)" style="color=red">
</td>

<td>
<input name=floor type="button" value="取整"
onClick="inputfunction('floor','deci')" style="color=red">
</td>

<td>
<input type="button" value=" 或 "
onClick="operation('|',1)" style="color=red">
</td>
</tr>

<tr align=center>
<td>
<input type="button" value=" 1 "
onClick="inputkey('1')" style="color=blue">
</td>

<td>
<input name=k2 type="button" value=" 2 "
onClick="inputkey('2')" style="color=blue">
</td>

<td>
<input name=k3 type="button" value=" 3 "
onClick="inputkey('3')" style="color=blue">
</td>

<td>
<input type="button" value=" - "
onClick="operation('-',5)" style="color=red">
</td>

<td>
<input type="button" value="左移"
onClick="operation('<',4)" style="color=red">
</td>

<td>
<input type="button" value=" 非 "
onClick="inputfunction('~','~')" style="color=red">
</td>
</tr>

<tr align=center>
<td>
<input type="button" value=" 0 "
onClick="inputkey('0')" style="color=blue">
</td>

<td>
<input type="button" value="+/-"
onClick="changeSign()" style="color=blue">
</td>

<td>
<input name=kp type="button" value=" . "
onClick="inputkey('.')" style="color=blue">
</td>

<td>
<input type="button" value=" + "
onClick="operation('+',5)" style="color=red">
</td>

<td>
<input type="button" value=" ＝ "
onClick="result()" style="color=red">
</td>

<td>
<input type="button" value="异或"
onClick="operation('x',2)" style="color=red">
</td>
</tr>

<tr align=center>
<td>
<input name=ka type="button" value=" A "
onClick="inputkey('a')" style="color=blue" disabled=true>
</td>

<td>
<input name=kb type="button" value=" B "
onClick="inputkey('b')" style="color=blue" disabled=true>
</td>

<td>
<input name=kc type="button" value=" C "
onClick="inputkey('c')" style="color=blue" disabled=true>
</td>

<td>
<input name=kd type="button" value=" D "
onClick="inputkey('d')" style="color=blue" disabled=true>
</td>

<td>
<input name=ke type="button" value=" E"
onClick="inputkey('e')" style="color=blue" disabled=true>
</td>

<td>
<input name=kf type="button" value=" F"
onClick="inputkey('f')" style="color=blue" disabled=true>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>

⑻ 网页版计算器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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 sb=0;
//数字键触发功能模块
function number(i)
{

if(subOper ) //表示在此之前刚刚单击过运算符或者刚刚单击过等号
{
form.ipt.value=i; //把输入的值赋给文本框显示
subOper=false;//输入数后，点击了符号
lingState="beInteger";
}
else
{ //表示正在进行或开始一个数字的输入

if(form.ipt.value=="0")//当文本显示框为0时，则把刚刚单击的数值赋给文本框
{
form.ipt.value=i;//当符合条件则把单击的数值(this.value)赋予给显示框1
lingState="beInteger";
}
else
form.ipt.value += i;//当文本显示框不为0，则数值累加显示文本框
}
if(curOper!="start")//判断是否单击过运算符
{
num2=form.ipt.value;
}
// 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;
}
form.ipt.value=num1;//把运算结果赋给显示框
}
subOper=true;//输入数后，点击了符号
//curOper="start"; //清除当前符号状态
lingState="beStart";//清除当前状态
upOper=false;//=运算一次后记住避免再按+号又进行运算（清除当前符号状态
sk=true;

}
//常规符号运算功能模块
function allfhao(i)
{
subOper=true;//输入数后输入符号进行运算
if (curOper=="start")//实现连运算原理：当运行当前运算符时实现连运算
{
num1=form.ipt.value; //把第一个数赋值给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(form.ipt.value.indexOf(".")==-1) //判断是否有小数点，如果有就不显示如果没有那么进行下面的运算
{
if(lingState=="beStart")//如果进行了等号运算但并没有小数点但单击了小数点则显示0.几
{
form.ipt.value="0.";//当符合条件则显示框1 显示0.
subOper=false;//输入数后，点击了符号
lingState="beFloat"; //让一个变量记住以输入小数点
}
if(lingState=="beInteger" )//判断是否有数输入，如果有数数输入但不是接这等号运算则显示小数点
{
form.ipt.value+=".";//当符合条件则显示小数点
lingState="beFloat";//用一个变量记住已经输入一个小数点，当下次输入由于值的改变则不能输入，起到只能输入一个小数点的功能
}
}
}

//全部清除功能模块 C CE Backspace
function cleaktext(i)
{
switch(i)
{
case"C"://清除C
form.ipt.value="0"; //清除文本框内的内容
lingState="beStart"; //清除当前状态
curOper="start"; //清除当前符号状态
subOper=false; // 是否刚刚单击过运算符
upOper=false;//运算符的标签
num1=0;
num2=0;
break;
case"CE": //清除CE
form.ipt.value="0"; //清除文本框内的内容
break;
case"Backspace": //推格删除
if(cM=false)//如果启动MR那么不能实现推格功能
{
if(upOper)
{
if (form.ipt.value.length>1)
{
form.ipt.value=form.ipt.value.substring(0,form.ipt.value.length-1); //运用substring取字符串方法将返回一个包含从原始对象中获得的子字符串的 String 对象。使用 start 和 end 两者的较小值作为子字符串的起始点。
}
else
{
form.ipt.value="0";//一个一个删除
}
}
break;

}
}
}
/* % 1/x sqrt +/- pi */

//全部的特殊符号运算模块
function alltx(i)
{

switch(i)
{
case "%"://%运算
form.ipt.value=form.ipt.value/100;
num2=form.ipt.value;
break;

case "1/x":
if(form.ipt.value=="0"){

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

}
//全部M系列功能模块
function checkallM(i){

switch(i)
{
case"M+"://启动M系列功能模块
if(form.ipt.value!="0" && ms==false)
{
form.ipt1.value="M";//在显示框2显示M以告知用户以启动M系列功能
sm=form.ipt.value;
}

if(form.ipt1.value=="M" && ms!=false)
{
sm=eval(ss+'+'+form.ipt.value);//MR保存的值提取实现M+功能
}
xM=true; //记住单击过M+ 以便MR操作
break;
case "MS"://启用M系列功能启动记忆功能（记忆上一次计算结果）
ss=form.ipt.value;// 把显示框结果给SS保存（予以MR提取
if(form.ipt.value=="0")//当显示框1显示结果为0时单击MS时也可以清除显示框2 M功能
{
form.ipt1.value="";//清除显示框2 M
}
if(form.ipt.value!="0")
{
form.ipt1.value="M";
}
ms=true; //记住单击过Ms 以便MR操作 (看是否赋+运算后的值还是当前值
break;
case "MR"://提取MS保存数值功能
if(xM)//是否单击m+
{
if(form.ipt1.value=="M" )//当启动M功能时 MR才能起到保存提取的功能
{
form.ipt.value=sm;//当条件符合则把MS保存的值并实现M+功能
}
else if(subOper || tnumber){//没有启动M功能则清除显示框
form.ipt.value="0";
}
}
// else{ form.ipt.value=ss;}
break;
case "MC": // 清除M显示框中M系列的功能
form.ipt1.value="";//清空显示框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>

<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(this.value)"/></td>
<td align="center"><input style="color:#00F" name="button21" type="button" class="bt2" id="button20" value="CE" onclick="cleaktext(this.value)"/></td>
<td align="center"><input style="color:#00F" name="button20" type="button" class="bt2" id="button21" value="C" onclick="cleaktext(this.value)"/></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>

<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(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button1" type="button" class="bt" id="button1" value="7" onclick="number(this.value)" /></td>
<td width="14%" align="center"><input style="color:#00F" name="button2" type="button" class="bt" id="button2" value="8" onclick="number(this.value)" /></td>
<td width="14%" align="center"><input style="color:#00F" name="button3" type="button" class="bt" id="button3" value="9" onclick="number(this.value)"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button4" type="button" class="bt" id="button4" value="/" onclick="allfhao(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button5" type="button" class="bt" id="button5" value="sqrt" onclick="alltx(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button24" type="button" class="bt" id="button24" value="sin" onclick="alltx(this.value)"/></td>
</tr>



<tr>
<td width="13%" height="39" align="center"><input style="color:#F00" type="button" value="MR" class="bt" onclick="checkallM(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button6" type="button" class="bt" id="button6" value="4" onclick="number(this.value)" /></td>
<td width="14%" align="center"><input style="color:#00F" name="button7" type="button" class="bt" id="button7" value="5" onclick="number(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button8" type="button" class="bt" id="button8" value="6" onclick="number(this.value)"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button9" type="button" class="bt" id="button9" value="*" onclick="allfhao(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button10" type="button" class="bt" id="button10" value="%" onclick="alltx(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button25" type="button" class="bt" id="button25" value="cos" onclick="alltx(this.value)"/></td>
</tr>


<tr>
<td width="13%" height="38" align="center"><input style="color:#F00" type="button" value="MS" class="bt" onclick="checkallM(this.value)" /></td>
<td width="16%" align="center"><input style="color:#00F" name="button11" type="button" class="bt" id="button11" value="1" onclick="number(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button12" type="button" class="bt" id="button12" value="2" onclick="number(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button13" type="button" class="bt" id="button13" value="3" onclick="number(this.value)"/></td>
<td width="13%" align="center"><input style="color:#F00" name="button14" type="button" class="bt" id="button14" value="-" onclick="allfhao(this.value)"/></td>
<td width="14%" align="center"><input style="color:#00F" name="button15" type="button" class="bt" id="button15" value="1/x" onclick="alltx(this.value)"/></td>
<td width="16%" align="center"><input style="color:#00F" name="button26" type="button" class="bt" id="button26" value="tan" onclick="alltx(this.value)"/></td>
</tr>


<tr>
<td width="13%" height="38" align="center"><input style="color:#F00" type="button" value="M+" class="bt" onclick="checkallM(this.value)"/></td>
<td width="16%" height="38" align="center"><input style="color:#00F" name="button16" type="button" class="bt" id="button16" value="0" onclick="number(this.value)"/></td>
<td width="14%" height="38" align="center"><input style="color:#00F" name="button17" type="button" class="bt" id="button17" value="+/-" onclick="alltx(this.value)"/></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(this.value)" /></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(this.value)"/></td>
</tr>

</table>
</td></tr></table>
</div>

</FORM>
</div>
</body>
</html>

⑼ 怎么样可以实现一个网页版的计算器，只做加法的

<! html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<table>
<tr>
<td><input type="button" value="add" onclick="setOp('+', 'add');"/></td>
<td><input type="button" value="miner" onclick="setOp('-', 'miner');"/></td>
<td><input type="button" value="times" onclick="setOp('*', 'times');"/></td>
<td><input type="button" value="divide" onclick="setOp('/', 'divide');"/></td>
</tr>
</table>
<table id="tb_calc" style="display:none;">
<tr>
<td> <input id="x" type="text" style="width:100px" value="" name="x" /></td>
<td> <lable id="op" name="op"></lable> </td>
<td> <input id="y" type="text" style="width:100px" value="" name="y" /> </td>
<td> <input id="opTips" type="button" value="" onclick="calc();"/> </td>
<td> <lable id="z" name="z"></lable> </td>
</tr>
</table>
<script type="application/javascript">
function setOp(op, opTips)
{
var tb=document.getElementById("tb_calc");
tb.style.display = "none";

document.getElementById("x").value = "";
document.getElementById("y").value = "";
document.getElementById("z").innerText = "";
document.getElementById("op").innerText = op;
document.getElementById("opTips").value = opTips;

tb.style.display = "block";
}
function calc()
{
var x = parseInt(document.getElementById("x").value);
var y = parseInt(document.getElementById("y").value);
var op = document.getElementById("op").innerText;

var z = "";
switch(op)
{
case '+':
z = x + y;
break;

⑽ 用css js做一个网页版的计算器，要有加减乘除运算，和归零删除键

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计数器</title>
</head>
<body>
<input type="text" name="text" id="pre" onblur="validate(this.value);">
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" name="text" id="next" onblur="validate(this.value);">
<span>=</span>
<input type="text" id="result" readonly="true">
<input type="button" id="btn" value="提交" onclick="calculator();">
<script>
function validate(str){
var reg = /^\d+$/;
if (!reg.test(str)) {
alert("请输入数字");
}
}
function calculator(){
var pre=document.getElementById("pre").value;
var next=document.getElementById("next").value;
var opra=document.getElementById("operator").value;

var result=0;
switch(opra) {
case "+":
result=parseInt(pre)+parseInt(next);
break;
case "-":
result=parseInt(pre)-parseInt(next);
break;
case "*":
result=parseInt(pre)*parseInt(next);
break;
case "/":
if(parseInt(next)!=0){
result=parseInt(pre)/parseInt(next);
}
else{
alert("除数不能为0");
return;
}
break;
default:
break;
}
document.getElementById("result").value=result;
}
</script>
</body>
</html>

阅读全文

网页版计算器

与网页版计算器相关的阅读推荐