基于JavaScript实现网页计算器

2022-04-15 0 524

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

先看效果:

基于JavaScript实现网页计算器

基于JavaScript实现网页计算器

基于JavaScript实现网页计算器

基于JavaScript实现网页计算器

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

基于JavaScript实现网页计算器

基于JavaScript实现网页计算器

下贴源码:

<!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>计算器</title>
<script language="javascript">

 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;
   }
</script>
</head>

<body>
</body>
</html>

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

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

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 JavaScript 基于JavaScript实现网页计算器 https://www.niceym.com/34260.html