HTML5实现网页计算器清空操作,基于JavaScript实现网页计算器

本文实例为大家分享了JavaScript实现网页计算器的扫雷游戏的具体代码,供大家参考,具体内容如下

先看效果:

a8e7c2a3d7e6bdbae27fa64c1c6782a7.png

460600394660f58aa019c242fb8843d1.png

57b243ec6452ef0cdb92e14c8eb00364.png

eab1715e75c6b43ab170e287bd465bb3.png

此外,计算器还附有数字、运算符检查功能:

114078f72bf640afdc88faaeb2421817.png

cef037b404e7cd739082a3d962c829e5.png

下贴源码:

计算器

var oper1=prompt("请输入第一个操作数:");

var oper2=prompt("请输入第二个操作数:");

var operator=prompt("请输入运算符(+,-,*,/)");

parse();

var result;

switch(operator)

{

case"+":

result=doSum(oper1,oper2);

alert(oper1+"+"+oper2+"="+result);

break;

case"-":

result=doSubstract(oper1,oper2);

alert(oper1+"-"+oper2+"="+result);

break;

case"*":

result=doMultiply(oper1,oper2);

alert(oper1+"*"+oper2+"="+result);

break;

case"/":

result=doDivide(oper1,oper2);

alert(oper1+"/"+oper2+"="+result);

break;

default:

alert("输入的运算符不合法");

}

function parse(){

if(isNaN(oper1)||isNaN(oper2)){

alert("输入的数字不合法");

}

else{

oper1=parseFloat(oper1);

oper2=parseFloat(oper2);

}

}

function doSum(oper1,oper2){

return oper1+oper2;

}

function doSubstract(oper1,oper2){

return oper1-oper2;

}

function doMultiply(oper1,oper2){

return oper1*oper2;

}

function doDivide(oper1,oper2){

return oper1/oper2;

}

当然,这里只展示了JavaScript源码,还可以使用html+css给计算器设计好看的外观,大家随意发挥。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值