<%@ 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%>">
<script type="text/javascript">
function setNewNum(num){
var input = document.getElementById("input").getAttribute("value");
if(num == "c"){
input = "";
}else if(num == "del"){
input = input.slice(0,input.length-1);
}else{
input = input+num;
}
document.getElementById("input").setAttribute("value", input);
}
function getResult(){
var input = document.getElementById("input").getAttribute("value");
var re,r;
var reg = /\+|-|\*|\\/;
r = input.match(reg);
var a = input.split(r);
var first = Number(a[0]);
var second = Number(a[1]);
var result;
var sw = String(r);
switch(sw){
case "-":
result = first-second;
break;
case "+":
result = first+second;
break;
case "*":
result = first*second;
break;
case "\\":
result = first/second;
break;
default:
alert("addd");
}
document.getElementById("input").setAttribute("value", result);
}
</script>
<title>myCal</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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style type="text/css">
.style1{
width: 40;
color: blue;
}
.style2{
text-align: right;
}
</style>
</head>
<body>
<center>
<form action="MyCal.jsp" method="post">
<input id="input" class="style2" name="input" type="text" value="" readonly="readonly"><br/>
<input class="style1" name="c" type="button" value="c" onclick="setNewNum('c')"><input class="style1" name="del" type="button" value="del" onclick="setNewNum('del')"><input class="style1" name="chu" type="button" value="/" onclick="setNewNum('\\')"><input class="style1" name="cheng" type="button" value="*" onclick="setNewNum('*')"><br/>
<input class="style1" name="btn1" type="button" value="1" onclick="setNewNum(1)"><input class="style1" name="btn2" type="button" value="2" onclick="setNewNum(2)"><input class="style1" name="btn3" type="button" value="3" onclick="setNewNum(3)"><input class="style1" name="jian" type="button" value="-" onclick="setNewNum('-')"><br/>
<input class="style1" name="btn4" type="button" value="4" onclick="setNewNum(4)"><input class="style1" name="btn5" type="button" value="5" onclick="setNewNum(5)"><input class="style1" name="btn6" type="button" value="6" onclick="setNewNum(6)"><input class="style1" name="jia" type="button" value="+" onclick="setNewNum('+')"><br/>
<input class="style1" name="btn7" type="button" value="7" onclick="setNewNum(7)"><input class="style1" name="btn8" type="button" value="8" onclick="setNewNum(8)"><input class="style1" name="btn9" type="button" value="9" onclick="setNewNum(9)"><input class="style1" name="equal" type="button" value="=" onclick="getResult()"><br/>
</form>
</center>
</body>
</html>
非常简单的一个js计算器的小例子，只用到了js+html+css，所以功能很局限，只能简单的一次四则运算，还不支持异常判断！
闲话不多说，贴出代码供大家赏评！
相关推荐
function Calculate(){ this.numclick=function(str){ if(contents=="0"&&str!="."){ contents=""; } if(contents!=""){ dd=contents.indexOf(".");... var qq=document.getElementById("show").value;...
Vuex 的官方计算器例子,增加了表单组件
table { border-color:#0000FF; } tr { width:200px; height:30px; border-color:#0099FF; } td { text-align:center; height:100%; background-color:#CCFFCC; } input { width:50px;...}
html+javaScript做的计算器, 使用了Javascript中Math对象, javascript入门的好例子.
实现了简易计算器四则运行的功能 其中包括用递归法实现有花括号、综括号、小括号的表达式计算 所有的逻辑处理部分用JS脚本实现 界面部分用到了自定义组件，布局，自定义消息等。。 本例在QT5.0中制作
A simple calculator,一个简易计算器 纯HTML、CSS、JS编写 该计算器布局使用CSS3 FlexBox布局 移动APP使用HBuild构建 在APP上，当输入手机号码后长按等于号可以拨打手机号码 左滑右滑可以切换单手模式 内置两套主题...
今天继续玩一些微信小程序的api来做例子，感觉自己可能创造力不很足，只能模仿着别人的例子来做一个自己的计算器了。老规矩，github源码地址我会附在文章末尾，供大家参考。用微信 ... 今天继续玩一些微信...
Riot.js 货币计算器 这是和一个简单示例。 尝试 访问。 克隆和构建 克隆这个 repo。 $ npm install $ npm start Gulp 和 Browserify 在这个例子中，定义了一些gulp任务。 clean : 清理生成的文件 browserify : ...
计算个人所得税能方便点，呵呵
透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路来回传输资料，所以当一位使用...目前已有一些写好的程式在Internet 上你可以连过去看看，以下有一些计算器的例子，在 Nescape 上。
JavaScript 是一种新的描述语言，此一语言可以被箝入 HTML 的文件之中。 透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入)...Internet 上你可以连过去看看，以下有一些计算器的例子，在 Nescape 上。
代码如下:[removed] [removed](“<h1>JS保留两位小数例子</h1><br>”); var a=2.1512131231231321; [removed](“原来的值：”+a+” ”); [removed](“两位小数点:”+a.toFixed(2)+” 四位小数点”+a....
190620_计算器.js 1gps码表.js 1别踩白块.js 1当前页面所有文字内容.js 1怎样动态增加text标签.js 1截图脚本.js 1提取QQ收藏完整内容.js 1改变字体颜色大小和内容.js 1易码获取短信.js 1查询本机IP地理...
计算器 Odin项目HTML / CSS / JS中的计算器 思想 这个项目比我最初预期的要难。 确保表达式的构建和评估... 对我的可变术语不满意，很想看看别人的想法和例子。 得到教训 Array.splice适用于数组，而不适用于字符串。
JavaScript 是一种新的描述语言，此一语言可以被箝入 HTML 的文件之中。 透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入)...Internet 上你可以连过去看看，以下有一些计算器的例子，在 Nescape 上。
1.6 一个例子--JavaScript编写的计算器 1.7 学习和使用JavaScript的几点建议 1.8 关于本书的其余部分 第2章 浏览器中的JavaScript 2.1 嵌入网页的可执行内容 2.2 赏心悦目的特效 2.3 使用...
人机交互作业...生活不易，赚点积分...
澳大利亚税 描述 使用给定的年薪计算总收入和净收入的简化命令行工具（仅适用于澳大利亚人！...例子： 输入 $ austax 100000 0.4 12/12/12 输出 月：12 总收入：8333 所得税：24950 超级：3333 净收入：6254
例子： AB 10 BD 15 交流电 20 光盘 30 成为 50 德 30 为了检索最佳路线，用户必须告知一些数据：起点、终点、车辆自主性和每升燃料价格。 例如：originPoint = "Point A"，destinationPoint = "Point D"， ...
体重指数计算器 惹恼你的妻子或女友 将您的姓名，身高和体重放到config.js文件中。 然后，将您妻子或女友的身高和体重放到config.js中，计算秒数，直到再次单身！ 为什么要使用此模块？ 作为激励工具。 你要离婚 ...