基于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给计算器设计好看的外观，大家随意发挥。

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

版权声明 1 本网站名称：偶像资源网
2 本站永久网址：https://www.ox520.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ593098775进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

基于JavaScript实现网页计算器

请登录后发表评论