基于JavaScript實(shí)現(xiàn)網(wǎng)頁計算器

更新時間：2021年05月03日 07:27:33 作者：Wangqihao_code

這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)網(wǎng)頁計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)網(wǎng)頁計算器的掃雷游戲的具體代碼，供大家參考，具體內(nèi)容如下

先看效果：

此外，計算器還附有數(shù)字、運(yùn)算符檢查功能：

下貼源碼：

<!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("請輸入第一個操作數(shù)：");
 var oper2=prompt("請輸入第二個操作數(shù)：");
 var operator=prompt("請輸入運(yùn)算符（+，-，*，/）");
 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("輸入的運(yùn)算符不合法");
  }
  function parse(){
   if(isNaN(oper1)||isNaN(oper2)){
    alert("輸入的數(shù)字不合法");
    }
   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>

當(dāng)然，這里只展示了JavaScript源碼，還可以使用html+css給計算器設(shè)計好看的外觀，大家隨意發(fā)揮。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: