简单的计算器的思路

最新推荐文章于 2022-09-10 22:10:56 发布

fjiao

最新推荐文章于 2022-09-10 22:10:56 发布

阅读量391

点赞数 1

分类专栏：工作积累文章标签： button input function null stylesheet html

本文链接：https://blog.csdn.net/fjiao/article/details/5730946

版权

工作积累专栏收录该内容

2 篇文章 0 订阅

订阅专栏

首先把运算分为两个数的运算（用运算符结束第一个数，开始第二个数）；其次考虑小数点的处理（为小数点设置一个标志位，和小数点长度的存储位）

html 文件

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'test_0706.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">


<style type="text/css">


</style>

<script language="javascript" type="text/jscript" src="myCalculator.js"></script>

</head>

<body>
<br />
    <center>
    <table>
      <tr>
       <td colspan="4"><input type = "text" id = "input" name = "input" size = "20" align="right" value="0" /></td>
      </tr>
      <tr>
       <td><input type = "button" style="width:30px;" name = "button9" id = "button9" value = "9" onClick = "onclick9()" ></td>
       <td><input type = "button" style="width:30px;" name = "button8" id = "button8" value = "8" onClick = "onclick8()" ></td>
       <td><input type = "button" style="width:30px;" name = "button7" id = "button7" value = "7" onClick = "onclick7()" ></td>
       <td><input type = "button" style="width:30px;" name = "buttonDept" id = "buttonDept" value = "/" onClick = "onclickDept()" ></td>
      </tr>
      <tr>
       <td><input type = "button" style="width:30px;" name = "button6" id = "button6" value = "6" onClick = "onclick6()" ></td>
       <td><input type = "button" style="width:30px;" name = "button5" id = "button5" value = "5" onClick = "onclick5()" ></td>
       <td><input type = "button" style="width:30px;" name = "button4" id = "button4" value = "4" onClick = "onclick4()" ></td>
       <td><input type = "button" style="width:30px;" name = "buttonPlus" id = "buttonPlus" value = "*" onClick = "onclickPlus()" ></td>
      </tr>
      <tr>
       <td><input type = "button" style="width:30px;" name = "button3" id = "button3" value = "3" onClick = "onclick3()" ></td>
       <td><input type = "button" style="width:30px;" name = "button2" id = "button2" value = "2" onClick = "onclick2()" ></td>
       <td><input type = "button" style="width:30px;" name = "button1" id = "button1" value = "1" onClick = "onclick1()" ></td>
       <td><input type = "button" style="width:30px;" name = "button0" id = "button0" value = "0" onClick = "onclick0()" ></td>
      </tr>
      <tr>
       <td><input type = "button" style="width:30px;" name = "buttonDot" id = "buttonDot" value = "。" onClick = "onclickDot()" ></td>
       <td><input type = "button" style="width:30px;" name = "buttonAdd" id = "buttonAdd" value = "+" onClick = "onclickAdd()"></td>
       <td><input type = "button" style="width:30px;" name = "buttonSub" id = "buttonSub" value = "-" onClick = "onclickSub()" ></td>
       <td><input type = "button" style="width:30px;" name = "buttonTemp" id = "buttonTemp" value = "=" onClick = "onclickTemp()" ></td>
      </tr>
      <tr>
       <td colspan="4"><input type = "button" id = "clear" name = "clear" value = "清除"   onClick="clearAll()" /></td>
      </tr>
    </table>
    </center>
    <br />

    <p>温馨提示：<br/>
    1、
    <br/>
    2、
    <br/>
    3、
    </p>

</body>
</html>

js文件：

var current = null;//用来存储符号信息
var curNumber = 0; //存储第二个参数
var befNumber = 0; //存储第一个参数
var dotFlag = false; //标志第一个参数是否有小数点
var dotLength = 0;// 小数点的长度
//乘号键
function onclickPlus(){
current = "*";
befNumber = document.getElementById("input").value;
curNumber = 0;
dotFlag = false;
dotLength = 0;
}
//除号键
function onclickDept(){
current = "/";
befNumber = document.getElementById("input").value;
curNumber = 0;
dotFlag = false;
dotLength = 0;
}

//加号键
function onclickAdd(){
current = "+";
befNumber = document.getElementById("input").value;
curNumber = 0;
dotFlag = false;
dotLength = 0;
}
//减号键
function onclickSub(){
current = "-";
befNumber = document.getElementById("input").value;
curNumber = 0;
dotFlag = false;
dotLength = 0;
}
//小数点键
function onclickDot(){
//curNumber = document.getElementById("input").value;
//if(befNumber == 0){
//}
//是小数点显示出来目前尚未成功
//document.getElementById("input").value = parseFloat(document.getElementById("input").value) + 0.0 ;
document.getElementById("input").value = document.getElementById("input").value + ".";
dotFlag = true;
dotLength ++;

}
//等号键
function onclickTemp(){
var result = 0;
if(current == "*"){
  result = eval(" befNumber*curNumber ");
}else if(current == "/"){
  result = eval(" befNumber/curNumber ");
}else if(current =="+"){
//做加法运算要特别注意，不要弄成字符串的链接，注意类型转换
  result = eval(" parseFloat(befNumber)+parseFloat(curNumber) ");
}else if(current == "-"){
  result = eval(" befNumber-curNumber ");
}else if(current == "null"){
  result = befNumber;
}

document.getElementById("input").value = result;
result = 0;
curNumber = 0;
current = null;
dotFlag = false;
dotLength = 0;
}
//清除键
function clearAll(){
document.getElementById("input").value = 0;
curNumber = 0;
current = null;
befNumber = 0;
dotFlag = false;
dotLength = 0;
}

//数字键
function onclick9(){
var temp = document.getElementById("input").value;

if( dotFlag == 1 ){
  temp = parseFloat(temp) ;
  document.getElementById("input").value = temp + 9/(Math.pow(10,dotLength));
  dotLength = dotLength+1;
}else{

  if( (current == null)){
   document.getElementById("input").value = temp*10 + 9;
  }else{
   curNumber = curNumber *10 + 9;
   document.getElementById("input").value = curNumber;
  }

}
}

fjiao

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
简单的计算器的思路

首先把运算分为两个数的运算（用运算符结束第一个数，开始第二个数）；其次考虑小数点的处理（为小数点设置一个标志位，和小数点长度的存储位）html 文件String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>My JSP
复制链接

扫一扫