如何用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=e.srcElement||e.target;
if(obj.nodeName !=“INPUT“){
return;
}
var value=obj.value;
var p=document.getElementById(“screen“);
if(value==“C“){
//2.如果是，则清空p
p.innerText=““;
}else if(value==“=“){
//3.如果是，则运算
var exp=p.innerText;
try{
var result=eval(“(“+exp+“)“);
//如果正确执行，将结果写入p
p.innerText=result;
}catch(e){
//发生错误，给予错误提示
p.innerText=“Error.“;
}
}else{
//4.如果是其它按钮，则将value追加到p中
p.innerText+=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》
这是我自学时候写的计算器
简易的加减乘除的计算器代码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》
用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()“/》
如何使用javascript编写一个计算器
首先，由于JS的存在数值的精度误差问题：
0.1+0.2 //0.30000000000000004
0.3-0.1 //0.19999999999999998
所以在编写计算器是应首先解决计算精度问题，以下四个代码段分别是js中精确的加减乘除运算函数
//浮点数加法运算
function floatAdd(arg1,arg2){
var r1,r2,m;
try{r1=arg1.toString().split(“.“).length}catch(e){r1=0}
try{r2=arg2.toString().split(“.“).length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2));
return (arg1*m+arg2*m)/m
}
//浮点数减法运算
function floatSub(arg1,arg2){
var r1,r2,m,n;
try{r1=arg1.toString().split(“.“).length}catch(e){r1=0}
try{r2=arg2.toString().split(“.“).length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2));
//动态控制精度长度
n=(r1》=r2)?r1:r2;
return ((arg1*m-arg2*m)/m).toFixed(n);
}
//浮点数乘法运算
function floatMul(arg1,arg2){
var m=0,s1=arg1.toString(),s2=arg2.toString();
try{m+=s1.split(“.“).length}catch(e){}
try{m+=s2.split(“.“).length}catch(e){}
return Number(s1.replace(“.“,““))*Number(s2.replace(“.“,““))/Math.pow(10,m)
}
//浮点数除法运算
function floatDiv(arg1,arg2) {
var t1 = 0, t2 = 0, r1, r2;
try {t1 = arg1.toString().split(“.“).length} catch (e) {}
try {t2 = arg2.toString().split(“.“).length} catch (e) {}
with (Math) {
r1 = Number(arg1.toString().replace(“.“, ““));
r2 = Number(arg2.toString().replace(“.“, ““));
return (r1 / r2) * pow(10, t2 – t1);
}
}
以下是详细的计算器代码：
HTML5
《!DOCTYPE html》
《html lang=“en“》
《head》
《meta charset=“UTF-8“》
《title》简单计算器《/title》
《link href=“main.css“ rel=“stylesheet“》
《/head》
《body》
《div id=“calculator“》
《div id=“calculator_container“》
《h3》计算器《/h3》
《table id=“calculator_table“》
《tbody》
《tr》
《td colspan=“5“》
《input type=“text“ id=“resultIpt“ readonly=“readonly“ value=““ size=“17“ maxlength=“17“ style=“width:294px;color: black“》
《/td》
《/tr》
《tr》
《td》《input type=“button“ value=“←“ class=“btn_color1 btn_operation“》《/td》
《td》《input type=“button“ value=“全清“ class=“btn_color1 btn_operation“》《/td》
《td》《input type=“button“ value=“清屏“ class=“btn_color1“》《/td》
《td》《input type=“button“ value=“﹢/﹣“ class=“btn_color2 btn_operation“》《/td》
《td》《input type=“button“ value=“1/ד class=“btn_color2 btn_operation“》《/td》
《/tr》
《tr》
《td》《input type=“button“ value=“7“ class=“btn_color3 btn_number“》《/td》
《td》《input type=“button“ value=“8“ class=“btn_color3 btn_number“》《/td》
《td》《input type=“button“ value=“9“ class=“btn_color3 btn_number“》《/td》
《td》《input type=“button“ value=“÷“ class=“btn_color4 btn_operation“》《/td》
《td》《input type=“button“ value=“％“ class=“btn_color2 btn_operation“》《/td》
《/tr》
《tr》
《td》《input type=“button“ value=“4“ class=“btn_color3 btn_number“》《/td》
《td》《input type=“button“ value=“5“ class=“btn_color3 btn_number“》《/td》
《td》《input type=“button“ value=“6“ class=“btn_color3 btn_number“》《/td》
《td》《input type=“button“ value=“ד class=“btn_color4 btn_operation“》《/td》
《td》《input type=“button“ value=“√“ class=“btn_color2 btn_operation“》《/td》
《/tr》
《tr》
《td》《input type=“button“ value=“1“ class=“btn_color3 btn_number“》《/td》
《td》《input type=“button“ value=“2“ class=“btn_color3 btn_number“》《/td》
《td》《input type=“button“ value=“3“ class=“btn_color3 btn_number“》《/td》
《td》《input type=“button“ value=“－“ class=“btn_color4 btn_operation“》《/td》
《td rowspan=“2“》
《input type=“button“ value=“＝“ class=“btn_color2“ style=“height: 82px“ id=“simpleEqu“》
《/td》
《/tr》
《tr》
《td colspan=“2“》
《input type=“button“ value=“0“ class=“btn_color3 btn_number“ style=“width:112px“》
《/td》
《td》《input type=“button“ value=“.“ class=“btn_color3 btn_number“ 》《/td》
《td》《input type=“button“ value=“＋“ class=“btn_color4 btn_operation“》《/td》
《/tr》
《/tbody》
《/table》
《/div》
《/div》
《script type=“text/javascript“ src=“calculator.js“》《/script》
《/body》
《/html》
CSS3
* {
margin: 0;
padding: 0;
}
#calculator{
position: relative;
margin: 50px auto;
width: 350px;
height: 400px;
border: 1px solid gray;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 4px gray;
-moz-box-shadow: 2px 2px 4px gray;
box-shadow: 2px 2px 4px gray;
behavior:url(“ie-css3.htc“); /*IE8-*/
}
#calculator_table{
position: relative;
margin: 10px auto;
border-collapse:separate;
border-spacing:10px 20px;
}
h3{
position: relative;
width: 60px;
height: 30px;
margin: 0 auto;
}
#calculator_table td{
width: 50px;
height: 30px;
border: 1px solid gray;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
behavior:url(“ie-css3.htc“); /*IE8-*/
}
#calculator_table td input{
font-size: 16px;
border: none;
width: 50px;
height: 30px;
color: white;
}
input.btn_color1{
background-color: orange;
}
input.btn_color2{
background-color: #133645;
}
input.btn_color3{
background-color: #59807d;
}
input.btn_color4{
background-color: seagreen;
}
input:active{
-webkit-box-shadow: 3px 3px 3px gray;
-moz-box-shadow: 3px 3px 3px gray;
box-shadow: 3px 3px 3px gray;
behavior:url(“ie-css3.htc“); /*IE8-*/
}
JS
window.onload=function() {
var resultIpt = document.getElementById(“resultIpt“); //获取输出文本框
var btns_number = document.getElementsByClassName(“btn_number“); //获取数字输入按钮
var btns_operation = document.getElementsByClassName(“btn_operation“); //获取操作按钮
var simpleEqu = document.getElementById(“simpleEqu“); //获取“=“按钮
var temp = ““;
var num1= 0,num2=0;
//获取第一个数
for(var i=0;i《btns_number.length;i++){
btns_number.onclick=function (){
temp += this.value;
resultIpt.value = temp;
};
}
//对获取到的数进行操作
for(var j=0;j《btns_operation.length;j++) {
btns_operation.onclick = function () {
num1=parseFloat(resultIpt.value);
oper = this.value;
if(oper==“1/ד){
num1 = Math.pow(num1,-1); //取倒数
resultIpt.value = num1.toString();
}else if(oper==“﹢/﹣“){ //取相反数
num1 = -num1;
resultIpt.value = num1.toString();
}else if(oper==“√“){ //取平方根
num1 =Math.sqrt(num1);
resultIpt.value = num1.toString();
}else if(oper==“←“){ //删除个位
resultIpt.value = resultIpt.value.substring(0, resultIpt.value.length – 1);
}else if(oper==“全清“){ //清除数字
resultIpt.value = ““;
}
else{ //oper==“＋“ “－“ “ד “÷“ “％“时，继续输入第二数字
temp = ““;
resultIpt.value = temp;
}
}
}
//输出结果
simpleEqu.onclick=function(){
num2=parseFloat(temp); //取得第二个数字
calculate(num1, num2, oper);
resultIpt.value = result.toString();
}
};
//定义一个计算函数
function calculate(num1, num2, oper) {
switch (oper) {
case “＋“:
result=floatAdd(num1, num2); //求和
break;
case “－“:
result=floatSub(num1, num2); //求差
break;
case “ד:
result=floatMul(num1, num2); //求积
break;
case “÷“:
result=floatDiv(num1, num2); //求商
break;
case “％“:
result=num1%num2; //求余数
break;
}
}
//精确计算
//浮点数加法运算
function floatAdd(arg1,arg2){
var r1,r2,m;
try{r1=arg1.toString().split(“.“).length}catch(e){r1=0}
try{r2=arg2.toString().split(“.“).length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2));
return (arg1*m+arg2*m)/m
}
//浮点数减法运算
function floatSub(arg1,arg2){
var r1,r2,m,n;
try{r1=arg1.toString().split(“.“).length}catch(e){r1=0}
try{r2=arg2.toString().split(“.“).length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2));
//动态控制精度长度
n=(r1》=r2)?r1:r2;
return ((arg1*m-arg2*m)/m).toFixed(n);
}
//浮点数乘法运算
function floatMul(arg1,arg2){
var m=0,s1=arg1.toString(),s2=arg2.toString();
try{m+=s1.split(“.“).length}catch(e){}
try{m+=s2.split(“.“).length}catch(e){}
return Number(s1.replace(“.“,““))*Number(s2.replace(“.“,““))/Math.pow(10,m)
}
//浮点数除法运算
function floatDiv(arg1,arg2) {
var t1 = 0, t2 = 0, r1, r2;
try {t1 = arg1.toString().split(“.“).length} catch (e) {}
try {t2 = arg2.toString().split(“.“).length} catch (e) {}
with (Math) {
r1 = Number(arg1.toString().replace(“.“, ““));
r2 = Number(arg2.toString().replace(“.“, ““));
return (r1 / r2) * pow(10, t2 – t1);
}
}
用js写一个计算器,具备输入限制(不能连续输入运算符等),连等的功能
《!DOCTYPE html》
《html》
《head》
《meta charset=“utf-8“ /》
《title》Calaulate~《/title》
《style》
* {
padding: 0;
margin: 1px;
}
#calculate {
margin: auto;
margin-top: 10px;
border: solid 6px dimgrey;
border-spacing: 0px;
}
#display {
width: 100%;
height: 30px;
border-bottom: solid 4px darkgray;
font-weight: bold;
color: #gray;
font-family: 黑体;
padding-left: 2px;
}
#equal {
cursor: pointer;
width: 40px;
height: 100%;
background: dimgrey;
border: solid 1px #FFFFFF;
color: #ffffff;
text-align: center;
font-weight: bold;
font-family: 黑体;
}
.numberkey {
cursor: pointer;
width: 40px;
height: 30px;
border: solid 1px #FFFFFF;
background: gray;
color: #ffffff;
text-align: center;
font-weight: bold;
font-family: 黑体;
}
.numberkey:hover{
background: #696969;
}
#equal:hover{
background: lightgrey;
}
《/style》
《/head》
《body》
《table id=“calculate“ onclick=“calculater()“》
《tr》
《td id=“display“ colspan=“5“》0《/td》
《/tr》
《tr》
《td class=“numberkey“》1《/td》
《td class=“numberkey“》2《/td》
《td class=“numberkey“》3《/td》
《td class=“numberkey“》+《/td》
《td class=“numberkey“ onclick=“del()“》C《/td》
《/tr》
《tr》
《td class=“numberkey“》4《/td》
《td class=“numberkey“》5《/td》
《td class=“numberkey“》6《/td》
《td class=“numberkey“》-《/td》
《td rowspan=“3“ id=“equal“ onclick=“resCal()“》=《/td》
《/tr》
《tr》
《td class=“numberkey“》7《/td》
《td class=“numberkey“》8《/td》
《td class=“numberkey“》9《/td》
《td class=“numberkey“》*《/td》
《/tr》
《tr》
《td class=“numberkey“》+/-《/td》
《td class=“numberkey“》0《/td》
《td class=“numberkey“》.《/td》
《td class=“numberkey“》/《/td》
《/tr》
《/table》
《/body》
《script》
var results = ““;
var calres = ““;
function calculater(){
if(event.srcElement.innerText==“=“){
return;
}
if(event.srcElement.innerText==“C“){
del();
display.innerText=“0“;
return;
}
results += event.srcElement.innerText;
display.innerText = results;
}
function resCal(){
calres=eval(results);
display.innerText = calres;
results = calres;
}
function del(){
results = ““;
display.innerText = ““;
}
《/script》
《/html》
比较简易，你可以自己修改一下，加减乘除都可以！
js计算器代码怎么写,通过弹窗显示
js计算器代码，通过弹窗显示步骤如下。
1、js计算器代码编写html，实现计算器页面视图效果。
2、js计算器代码编写，实现点击输入数字和符号输出结果。
3、js计算器代码创建click1函数，判断flag的值，如果是true就定位到第一个输入框，如果是false就定位到第二个输入框，将点击传过来的值与输入框里面的字符串拼接到一起。
4、js计算器代码定义result函数，定位到两个输入框，取出其中的值并转成整数，定位到隐藏输入框，取出里面的符号，然后判断是什么符号，进行相应的运算，弹出运算结果。
用jsp做计算器，加减乘除该怎么写
input type=“button“ name=“Submit1“ value=“1 “ onclick=“a1()“ /》
《input type=“button“ name=“Submit2“ value=“2 “ onclick=“a2()“ /》
《input type=“button“ name=“Submit3“ value=“3 “ onclick=“a3()“ /》
《input type=“submit“ name=“jia“ value=“+ “ onclick=“jia()“/》
《input type=“submit“ name=“dengyu“ value=“= “ onclick=“jisuan()“ /》
用单击事件怎样写代码……最好给我写个加的代码出来，谢谢…… edg rshgdtjhjyfhjyfj
11求一个简单 的js 代码 写的计算器 有加减乘除等号 还有mc mr ms m+m-就行了
《HTML》
《HEAD》
《TITLE》《/TITLE》
《style type=“text/css“》
p {font-size: 12pt}
.red {color: red;width:34}
.redl{color:red;width:51}
.blue {color: blue;width:34}
《/style》
《SCRIPT LANGUAGE=“JavaScript“》
var Memory = 0;
var Number1 = ““;
var Number2 = ““;
var NewNumber = “blank“;
var opvalue = ““;
function Display(displaynumber) {
document.calculator.answer.value = displaynumber;
}
function MemoryClear() {
Memory = 0;
document.calculator.mem.value = ““;
}
function MemoryRecall(answer) {
if(NewNumber != “blank“) {
Number2 += answer;
} else {
Number1 = answer;
}
NewNumber = “blank“;
Display(answer);
}
function MemorySubtract(answer) {
Memory = Memory – eval(answer);
}
function MemoryAdd(answer) {
Memory = Memory + eval(answer);
document.calculator.mem.value = “ M “;
NewNumber = “blank“;
}
function ClearCalc() {
Number1 = ““;
Number2 = ““;
NewNumber = “blank“;
Display(““);
}
function Backspace(answer) {
answerlength = answer.length;
answer = answer.substring(0, answerlength – 1);
if (Number2 != ““) {
Number2 = answer.toString();
Display(Number2);
} else {
Number1 = answer.toString();
Display(Number1);
}
}
function CECalc() {
Number2 = ““;
NewNumber = “yes“;
Display(““);
}
function CheckNumber(answer) {
if(answer == “.“) {
Number = document.calculator.answer.value;
if(Number.indexOf(“.“) != -1) {
answer = ““;
}
}
if(NewNumber == “yes“) {
Number2 += answer;
Display(Number2);
}
else {
if(NewNumber == “blank“) {
Number1 = answer;
Number2 = ““;
NewNumber = “no“;
}
else {
Number1 += answer;
}
Display(Number1);
}
}
function AddButton(x) {
if(x == 1) EqualButton();
if(Number2 != ““) {
Number1 = parseFloat(Number1) + parseFloat(Number2);
}
NewNumber = “yes“;
opvalue = ’+’;
Display(Number1);
}
function SubButton(x) {
if(x == 1) EqualButton();
if(Number2 != ““) {
Number1 = parseFloat(Number1) – parseFloat(Number2);
}
NewNumber = “yes“;
opvalue = ’-’;
Display(Number1);
}
function MultButton(x) {
if(x == 1) EqualButton();
if(Number2 != ““) {
Number1 = parseFloat(Number1) * parseFloat(Number2);
}
NewNumber = “yes“;
opvalue = ’*’;
Display(Number1);
}
function DivButton(x) {
if(x == 1) EqualButton();
if(Number2 != ““) {
Number1 = parseFloat(Number1) / parseFloat(Number2);
}
NewNumber = “yes“;
opvalue = ’/’;
Display(Number1);
}
function SqrtButton() {
Number1 = Math.sqrt(Number1);
NewNumber = “blank“;
Display(Number1);
}
function PercentButton() {
if(NewNumber != “blank“) {
Number2 *= .01;
NewNumber = “blank“;
Display(Number2);
}
}
function RecipButton() {
Number1 = 1/Number1;
NewNumber = “blank“;
Display(Number1);
}
function NegateButton() {
Number1 = parseFloat(-Number1);
NewNumber = “no“;
Display(Number1);
}
function EqualButton() {
if(opvalue == ’+’) AddButton(0);
if(opvalue == ’-’) SubButton(0);
if(opvalue == ’*’) MultButton(0);
if(opvalue == ’/’) DivButton(0);
Number2 = ““;
opvalue = ““;
}
《/script》
《/HEAD》
《BODY》
《center》
《form name=“calculator“》
《table bgcolor=“#aaaaaa“ width=230》
《tr》《td》
《table bgcolor=“#cccccc“ border=1》
《tr》《td》
《table border=0 cellpadding=0》
《tr》《td bgcolor=“#000080“》《/td》《/tr》
《tr》《td》
《table width=“100%“ border=0》
《tr》《td colspan=6》《input type=“text“ readOnly name=“answer“ size=30 maxlength=30 onChange=“CheckNumber(this.value)“》《/td》《/tr》
《tr》《td colspan=6》
《table border=0 cellpadding=0》
《tr》《td》
《input type=“text“ name=“mem“ size=3 maxlength=3 readOnly style=“background:menu“》 《input type=“button“ name=“backspace“ class=“redl“ value=“退格“ onClick=“Backspace(document.calculator.answer.value); return false;“》 《input type=“button“ name=“CE“ class=“redl“ value=“CE“ onClick=“CECalc(); return false;“》 《input type=“reset“ name=“C“ class=“redl“ value=“C“ onClick=“ClearCalc(); return false;“》
《/td》《/tr》
《/table》
《/td》《/tr》
《tr》《td》《input type=“button“ name=“MC“ class=“red“ value=“ MC “ onClick=“MemoryClear(); return false;“》《/td》
《td》《input type=“button“ name=“calc7“ class=“blue“ value=“ 7 “ onClick=“CheckNumber(’7’); return false;“》《/td》
《td》《input type=“button“ name=“calc8“ class=“blue“ value=“ 8 “ onClick=“CheckNumber(’8’); return false;“》《/td》
《td》《input type=“button“ name=“calc9“ class=“blue“ value=“ 9 “ onClick=“CheckNumber(’9’); return false;“》《/td》
《td》《input type=“button“ name=“divide“ class=“red“ value=“ / “ onClick=“DivButton(1); return false;“》《/td》
《td》《input type=“button“ name=“sqrt“ class=“blue“ value=“sqrt“ onClick=“SqrtButton(); return false;“》《/td》《/tr》
《tr》《td》《input type=“button“ name=“MR“ class=“red“ value=“ MR “ onClick=“MemoryRecall(Memory); return false;“》《/td》
《td》《input type=“button“ name=“calc4“ class=“blue“ value=“ 4 “ onClick=“CheckNumber(’4’); return false;“》《/td》
《td》《input type=“button“ name=“calc5“ class=“blue“ value=“ 5 “ onClick=“CheckNumber(’5’); return false;“》《/td》
《td》《input type=“button“ name=“calc6“ class=“blue“ value=“ 6 “ onClick=“CheckNumber(’6’); return false;“》《/td》
《td》《input type=“button“ name=“multiply“ class=“red“ value=“ * “ onClick=“MultButton(1); return false;“》《/td》
《td》《input type=“button“ name=“percent“ class=“blue“ value=“ % “ onClick=“PercentButton(); return false;“》《/td》《/tr》
《tr》《td》《input type=“button“ name=“MS“ class=“red“ value=“ MS “ onClick=“MemorySubtract(document.calculator.answer.value); return false;“》《/td》
《td》《input type=“button“ name=“calc1“ class=“blue“ value=“ 1 “ onClick=“CheckNumber(’1’); return false;“》《/td》
《td》《input type=“button“ name=“calc2“ class=“blue“ value=“ 2 “ onClick=“CheckNumber(’2’); return false;“》《/td》
《td》《input type=“button“ name=“calc3“ class=“blue“ value=“ 3 “ onClick=“CheckNumber(’3’); return false;“》《/td》
《td》《input type=“button“ name=“minus“ class=“red“ value=“ – “ onClick=“SubButton(1); return false;“》《/td》
《td》《input type=“button“ name=“recip“ class=“blue“ value=“1/x “ onClick=“RecipButton(); return false;“》《/td》《/tr》
《tr》《td》《input type=“button“ name=“Mplus“ class=“red“ value=“ M+ “ onClick=“MemoryAdd(document.calculator.answer.value); return false;“》《/td》
《td》《input type=“button“ name=“calc0“ class=“blue“ value=“ 0 “ onClick=“CheckNumber(’0’); return false;“》《/td》
《td》《input type=“button“ name=“negate“ class=“blue“ value=“+/- “ onClick=“NegateButton(); return false;“》《/td》
《td》《input type=“button“ name=“dot“ class=“blue“ value=“ . “ onClick=“CheckNumber(’.’); return false;“》《/td》
《td》《input type=“button“ name=“plus“ class=“red“ value=“ + “ onClick=“AddButton(1); return false;“》《/td》
《td》《input type=“button“ name=“equal“ class=“red“ value=“ = “ onClick=“EqualButton(); return false;“》《/td》
《/tr》
《/table》
《/td》《/tr》
《/table》
《/td》《/tr》
《/table》
《/td》《/tr》
《/table》
《/form》
《/center》
《script language=javascript》
function keyDown()
{
var iCode=window.event.keyCode;
//alert(iCode);
if(event.shiftKey)
{
switch(iCode)
{
case 56:document.all.multiply.click();break;
case 59:document.all.minus.click();break;
case 60:document.all.plus.click();break;
}
}
if(!event.shiftKey&&!event.ctrlKey&&!event.altKey)
{
switch (iCode)
{
case 8:document.all.backspace.click();break;
case 187:document.all.equal.click();break;
case 96:document.all.calc0.click();break;
case 97:document.all.calc1.click();break;
case 98:document.all.calc2.click();break;
case 99:document.all.calc3.click();break;
case 100:document.all.calc4.click();break;
case 101:document.all.calc5.click();break;
case 102:document.all.calc6.click();break;
case 103:document.all.calc7.click();break;
case 104:document.all.calc8.click();break;
case 105:document.all.calc9.click();break;
case 110:document.all.dot.click();break;
case 13:document.all.equal.click();break;
case 107:document.all.plus.click();break;
case 109:document.all.minus.click();break;
case 106:document.all.multiply.click();break;
case 111:document.all.divide.click();break;
case 48:document.all.calc0.click();break;
case 49:document.all.calc1.click();break;
case 50:document.all.calc2.click();break;
case 51:document.all.calc3.click();break;
case 52:document.all.calc4.click();break;
case 53:document.all.calc5.click();break;
case 54:document.all.calc6.click();break;
case 55:document.all.calc7.click();break;
case 56:document.all.calc8.click();break;
case 57:document.all.calc9.click();break;
case 190:document.all.dot.click();break;
case 13:document.all.equal.click();break;
case 191:document.all.divide.click();break;
}
}
//event.keyCode=0;
//event.returnValue=false;
}
window.document.attachEvent(“onkeydown“,keyDown)
《/script》
《/BODY》
《/HTML》
http://www.chinadds.com
在 html中的js代码中怎么写一个计算器的加减乘除
《!DOCTYPE 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;
case ’-’:
z = x – y;
break;
case ’*’: ;
z = x * y;
break;
case ’/’: ;
z = x / y;
break;
default:
z = ’’;
}
console.log(x, op, y, ’=’, z);
document.getElementById(“z“).innerText = z;
}
《/script》
《/body》
《/html》
求简单java写计算器代码加减乘除
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class Calculator extends JFrame implements ActionListener
{
private boolean dotExist, operated, equaled; // 帮助运算的布尔变量
private double storedNumber; // 目前的结果
private char lastOperator; // 表示上一运算符
private JTextField operation; // 结果栏
private JButton dot, plus, minus, multi, div, sqrt, equal, changePN, clear; // 运算符
private JButton numbers; // 数字
// 构造者
public Calculator()
{
setTitle(“Calculator“);
// 初始化变量
dotExist = false; // 表示当前的数是否有小数点
operated = false; // 表示任意运算符是否被按下
equaled = false; // 表示等号是否被按下
storedNumber = 0;
lastOperator = ’?’;
// 初始化窗口变量
operation = new JTextField(“0“);
operation.setEditable(false);
numbers = new JButton;
for (int i = 0; i 《 10; i++)
numbers = new JButton(““ + i);
dot = new JButton(“.“);
plus = new JButton(“+“);
minus = new JButton(“-“);
multi = new JButton(“*“);
div = new JButton(“/“);
sqrt = new JButton(“√“);
equal = new JButton(“=“);
changePN = new JButton(“±“);
clear = new JButton(“AC“);
// 将窗口物体放入窗口
GridBagLayout layout = new GridBagLayout();
getContentPane().setLayout(layout);
addComponent(layout, operation, 0, 0, 4, 1);
addComponent(layout, numbers, 1, 0, 1, 1);
addComponent(layout, numbers, 1, 1, 1, 1);
addComponent(layout, numbers, 1, 2, 1, 1);
addComponent(layout, numbers, 2, 0, 1, 1);
addComponent(layout, numbers, 2, 1, 1, 1);
addComponent(layout, numbers, 2, 2, 1, 1);
addComponent(layout, numbers, 3, 0, 1, 1);
addComponent(layout, numbers, 3, 1, 1, 1);
addComponent(layout, numbers, 3, 2, 1, 1);
addComponent(layout, dot, 4, 0, 1, 1);
addComponent(layout, numbers, 4, 1, 1, 1);
addComponent(layout, sqrt, 4, 2, 1, 1);
addComponent(layout, plus, 1, 3, 1, 1);
addComponent(layout, minus, 2, 3, 1, 1);
addComponent(layout, multi, 3, 3, 1, 1);
addComponent(layout, div, 4, 3, 1, 1);
addComponent(layout, equal, 5, 0, 2, 1);
addComponent(layout, changePN, 5, 2, 1, 1);
addComponent(layout, clear, 5, 3, 1, 1);
}
// 对按钮进行反应的方法
public void actionPerformed(ActionEvent e)
{
JButton btn = (JButton)e.getSource();
if (btn == clear)
{
operation.setText(“0“);
dotExist = false;
storedNumber = 0;
lastOperator = ’?’;
}
else if (btn == equal)
{
operate(’=’);
equaled = true;
}
else if (btn == plus)
{
operate(’+’);
equaled = false;
}
else if (btn == minus)
{
operate(’-’);
equaled = false;
}
else if (btn == multi)
{
operate(’*’);
equaled = false;
}
else if (btn == div)
{
operate(’/’);
equaled = false;
}
else if (btn == changePN)
{
operate(’p’);
operate(’=’);
equaled = true;
}
else if (btn == sqrt)
{
operate(’s’);
operate(’=’);
equaled = true;
}
else
{
if (equaled)
storedNumber = 0;
for (int i = 0; i 《 10; i++)
if (btn == numbers)
{
if (operation.getText().equals(“0“))
operation.setText(““ + i);
else if(! operated)
operation.setText(operation.getText() + i);
else
{
operation.setText(““ + i);
operated = false;
}
}
if (btn == dot && ! dotExist)
{
operation.setText(operation.getText() + “.“);
dotExist = true;
}
}
}
// 进行运算的方法
private void operate(char operator)
{
double currentNumber = Double.valueOf(operation.getText()).doubleValue();
if (lastOperator == ’?’)
storedNumber = currentNumber;
else if (lastOperator == ’+’)
storedNumber += currentNumber;
else if (lastOperator == ’-’)
storedNumber -= currentNumber;
else if (lastOperator == ’*’)
storedNumber *= currentNumber;
else if (lastOperator == ’/’)
storedNumber /= currentNumber;
else if (lastOperator == ’p’)
storedNumber *= -1;
else if (lastOperator == ’s’)
storedNumber = Math.sqrt(currentNumber);
else if (lastOperator == ’=’ && equaled)
storedNumber = currentNumber;
operation.setText(““ + storedNumber);
operated = true;
lastOperator = operator;
}
// 快捷使用GridBagLayout的方法
private void addComponent(GridBagLayout layout, Component component, int row, int col, int width, int height)
{
GridBagConstraints constraints = new GridBagConstraints();
constraints.fill = GridBagConstraints.BOTH;
constraints.insets = new Insets(10, 2, 10, 2);
constraints.weightx = 100;
constraints.weighty = 100;
constraints.gridx = col;
constraints.gridy = row;
constraints.gridwidth = width;
constraints.gridheight = height;
layout.setConstraints(component, constraints);
if (component instanceof JButton)
((JButton)component).addActionListener(this);
getContentPane().add(component);
}
// 主方法初始化并显示窗口
public static void main(String args)
{
Calculator calc = new Calculator();
calc.setSize(290, 400);
calc.setVisible(true);
}
}