本文目录一览：
用js代码做一个简易计算器
function test(){
var txt1 = document.getElementById(“txt1”),
txt2 = document.getElementById(“txt2”),
txt3 = document.getElementById(“txt3”),
opt = document.getElementById(“sel”);
txt3.value = eval(txt1.value + opt.value + txt2.value);//eval函数可计算某个字符串，并执行其中的的js代码
}
input type=”text” id=”txt1″ /
select id=”sel”
option value=”+”+/option
option value=”-“-/option
option value=”*”*/option
option value=”/”//option
/select
input type=”text” id=”txt2″ /
=
input type=”text” id=”txt3″ /
input type=”button” id=”btn” value=”计算” onclick=”test()”/
网页版计算器代码
html
head
titleJS版计算器/title
link rel=”stylesheet” type=”text/css” href=””
meta http-equiv=”content-type” content=”text/html;charset=utf-8″
!–js代码可以放置在任意位置，按照先后顺序依次执行 一般放在head标签之间–
script type=”text/javascript”
/* 定义一个Calculator类*/
function Calculator(){
this.jisuan=function(num1,num2,oper){
var res=0;
switch(oper){
case “+”:
res=num1+num2;
break;
case “-“:
res=num1-num2;
break;
case “*”:
res=num1*num2;
break;
case “/”:
res=num1/num2;
break;
}
return res;
}
}
//创建对象
var calculator=new Calculator();
/*定义全局变量*/
var val=0; //放置输入的值
var xval=0;//保存转换Number类型的值
var temp=0; //保存第一次输入的值
var oper=””;//保存输入的操作符
/*获取输入数字*/
function inputEvent(e){
val=e.value
var xsval=document.getElementById(“inp1”);
xsval.value+=val; //连续输入数字(String类型)
//转换Number类型
xval=parseFloat(xsval.value);
}
/*获取第一行的数据*/
function inputPCB(e){
//window.alert(e.value);
var xsval=document.getElementById(“inp1”);
if(e.value==”Clear”){
xsval.value=””;
}else if(e.value==”Back”){
/*这个功能还没有实现，有兴趣的朋友可以自己做一做*/
}else if(e.value==”POWER”){
//计算平方
xsval.value=Math.pow(xsval.value,2);
}
}
/*输入操作符*/
function inputOper(e){
oper=e.value;
//window.alert(typeof oper);
//oper=oper.substr(0);
if (e.value==”+”){
var xsval=document.getElementById(“inp1”);
//保存上次计算结果，并对字符串进行转换Number类型
temp=parseFloat(xsval.value);
//第一次输入的值设置为空
xsval.value=””;
}else if(e.value==”-“){
var xsval=document.getElementById(“inp1”);
temp=parseFloat(xsval.value);
xsval.value=””;
}else if(e.value==”*”){
var xsval=document.getElementById(“inp1”);
temp=parseFloat(xsval.value);
xsval.value=””;
}else if(e.value==”/”){
var xsval=document.getElementById(“inp1”);
temp=parseFloat(xsval.value);
xsval.value=””;
}
}
/*计算结果*/
function inputEquel(e){
var xsval=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
table border=”1″
!–显示结果行–
trtd colspan=”4″input id=”inp1″ type=”text” value=”” name=”xianshi”//td/tr
!–第一行–
trtdinput type=”button” value=”POWER” onclick=”inputPCB(this)”//tdtdinput type=”button” value=”Clear” onclick=”inputPCB(this)”//tdtdinput type=”button” value=”Back”onclick=”inputPCB(this)”//tdtd/td/tr
!–第二行–
trtdinput type=”button” value=”1″ onclick=”inputEvent(this)”//tdtdinput type=”button” value=”2″ onclick=”inputEvent(this)”//tdtdinput type=”button”value=”3″ onclick=”inputEvent(this)”//tdtdinput type=”button” value=”4″ onclick=”inputEvent(this)”//td/tr
!–第三行–
trtdinput type=”button” value=”5″ onclick=”inputEvent(this)”//tdtdinput type=”button” value=”6″ onclick=”inputEvent(this)”//tdtdinput type=”button”value=”7″ onclick=”inputEvent(this)”//tdtdinput type=”button” value=”8″ onclick=”inputEvent(this)”//td/tr
!–第四行–
trtdinput type=”button” value=”9″ onclick=”inputEvent(this)”//tdtdinput type=”button” value=”0″ onclick=”inputEvent(this)”//tdtdinput type=”button”value=”.” onclick=”inputEvent(this)”//tdtdinput type=”button” value=”=” onclick=”inputEquel(this)”//td/tr
!–第五行–
trtdinput type=”button” value=”+” onclick=”inputOper(this)”//tdtdinput type=”button” value=”-” onclick=”inputOper(this)”//tdtdinput type=”button”value=”*” onclick=”inputOper(this)”//tdtdinput type=”button” value=”/” onclick=”inputOper(this)”//td/tr
/table
/body
/html
简易的加减乘除的计算器代码js
//html
input type=”text” id=”num1″ value=”” /
select id=”mySelect”
option value=”+”+/option
option value=”-“-/option
option value=”*”*/option
option value=”/”//option
/select
input type=”text” id=”num2″ value=”” /
input type=”button” id=”jisuan” value=”计算” /
//js
script
var oTxt1 = document.getElementById(‘num1’);
var oTxt2 = document.getElementById(‘num2’);
var oSelect = document.getElementById(‘mySelect’);
var oBtn = document.getElementById(‘jisuan’);
oBtn.onclick=function(){
switch(oSelect.value){
case ‘+’:
alert(parseInt(oTxt1.value)+parseInt(oTxt2.value));
break;
case ‘-‘:
alert(parseInt(oTxt1.value)-parseInt(oTxt2.value));
break;
case ‘*’:
alert(parseInt(oTxt1.value)*parseInt(oTxt2.value));
break;
case ‘/’:
if(parseInt(oTxt2.value) !== 0){
alert(parseInt(oTxt1.value)/parseInt(oTxt2.value));
}else{
alert(‘除数不能为0’);
}
break;
default:
alert(‘Bug!!!’);
}
}
/script
原创文章，作者：TTGS，如若转载，请注明出处：https://www.506064.com/n/143184.html
微信扫一扫 
支付宝扫一扫 