简易计算器的实现代码

最新推荐文章于 2022-07-30 18:00:22 发布

小土豆201201

最新推荐文章于 2022-07-30 18:00:22 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/a1304317638/article/details/8217256

版权

<!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>

小土豆201201

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简易计算器的实现代码

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">JavaScrpt版计算器.button{ height:30px; width:30px; border:1px blue solid; text-align:center; fl
复制链接

扫一扫