简易计算器的兑现代码

2012-11-26

简易计算器的实现代码!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.o

简易计算器的实现代码

<!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>JavaScrpt版计算器</title>
<style>
.button{
height:30px;
width:30px;
border:1px blue solid;
text-align:center;
float:left;
margin:5px;

}
</style>
<script type="text/javascript" language="javascript">

//实现计算器
/*
1、简单的排版布局
2、监听按钮事件，获取按钮信息，显示出来
3、开始计算 “=” 后开始计算
*/
var flag =true;
function doAdd(op){
   ////获取显示结果的文本
   var result = document.getElementById("result");

   if(!flag){
    result.value="";

   }
   //执行字符串的链接
   result.value+=op;
}

function getResult(){

   //获取显示结果的文本框
   var result = document.getElementById("result");
   //result 1+2+3=

   result.value = result.value +"="+eval(result.value);
   flag=false;

}

</script>
</head>

</body>
</html>

热点排行

编程

简易计算器的兑现代码