简单计算器的实现

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简易计算器</title>
<style type="text/css">
.panel{
border:  4px solid #CCCCCC;
border-radius: 10px;
width: 192px;
margin: 100px auto;
}
.panel p,.panel input{
font-family: "黑体";
font-size: 30px;
margin: 4px;
float: left;
border-radius: 6px;
}
.panel input{
width: 40px;
height: 40px;
}
.panel p{
width: 126px;
height: 30px;
border: 2px solid #CCCCCC;
padding: 3px;
}
</style>
<script type="text/javascript">
function cal(event){
var oP = document.getElementById("screen");
var obj = event.srcElement || event.target;
if(obj.nodeName=="DIV"){
return;
}
var value = obj.value;
if(value=="C"){
oP.innerHTML = "";
}else if(value=="="){
try{
var exp = oP.innerHTML;
var result = eval("("+exp+")");
oP.innerHTML = result;
}catch(e){
oP.innerHTML = "ERROR";
}
}else{
oP.innerHTML += value;
}
}
</script>
</head>
<body>
<div class="panel" onclick="cal(event)">
<div>
<p id="screen"></p>
<input type="button" value="C" />
</div>
<div>
<input type="button" value="7" />
<input type="button" value="8" />
<input type="button" value="9" />
<input type="button" value="/" /><br>

<input type="button" value="4" />
<input type="button" value="5" />
<input type="button" value="6" />
<input type="button" value="*" /><br>

<input type="button" value="1" />
<input type="button" value="2" />
<input type="button" value="3" />
<input type="button" value="-" /><br>

<input type="button" value="0" />
<input type="button" value="." />
<input type="button" value="=" />
<input type="button" value="+" />
<div style="clear: both;"></div>
</div>
</div>
</body>
</html>
阅读更多
个人分类: Web小程序
想对作者说点什么? 我来说一句

Win32_SDK实现简单计算器

2012年11月01日 244KB 下载

lua简单计算器vc交互实现

2010年11月09日 188KB 下载

C++简单计算器实现

2010年08月04日 926KB 下载

C++ 栈实现简单计算器

2013年03月14日 5KB 下载

C++builder简单计算器

2011年04月07日 499KB 下载

计算器(c语言版)

2016年08月16日 208KB 下载

PHP实现简单计算器

2015年04月09日 2KB 下载

扩展实例4 函数式计算器

2008年07月07日 2.7MB 下载

简单计算器代码

2016年12月18日 112KB 下载

简单计算器源码(android实现

2016年05月24日 1.19MB 下载

没有更多推荐了,返回首页

关闭
关闭