简单计算器的实现
<!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小程序
想对作者说点什么? 我来说一句

C++简单计算器实现

2010年08月04日 926KB 下载

C++ 栈实现简单计算器

2013年03月14日 5KB 下载

抽象工厂模式实现计算器

2008年10月06日 20KB 下载

android简单计算器代码

2012年08月05日 1.01MB 下载

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

不良信息举报

简单计算器的实现

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭