Implementing a web calculator based on JavaScript

This article shares the specific code of JavaScript to implement the minesweeper game of the web calculator for your reference. The specific content is as follows

First look at the effect:

In addition, the calculator also comes with digital and operator checking functions:

Paste the source code below:

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

 var oper1=prompt("Please enter the first operand:");
 var oper2 = prompt("Please enter the second operand: ");
 var operator=prompt("Please enter the operator (+, -, *, /)");
 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("The operator entered is illegal");
  }
  function parse(){
   if(isNaN(oper1)||isNaN(oper2)){
    alert("The number entered is illegal");
    }
   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>

Of course, only the JavaScript source code is shown here. You can also use html+css to design a nice appearance for the calculator. You can feel free to use it.

The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM.

You may also be interested in:

A simple calculator written in javascript, with a lot of content and practical methods. Recommended
Simple js code to realize calculator operation
js implements a simple calculator
HTML+JS implements simple calculator code (addition, subtraction, multiplication and division)
Simple calculator implementation code written in JS
javascript-simple calculator implementation step decomposition (with pictures)
js implements a simple calculator
Pure javascript code to implement calculator functions (three methods)
Simple implementation of js web calculator
Web calculator A JS calculator

<<: Detailed explanation of common MySQL operation commands in Linux terminal

>>: Complete steps for mounting a new data disk in CentOS7