编程随想

AI时代，找源码已成为过去式，纪念我过去的十年 by Python自学0(回) 71天前

还有人吗 by 高嘉易2(回) 89天前

会python真的可以为所欲为 by Python自学0(回) 569天前

这里还有人吗 by mikeKil2(回) 754天前

这里还有人吗 by mikeKil0(回) 754天前

每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。 by js特效0(回) 979天前

云代码 - javascript代码库

计算器

2017-08-04 作者：觉举报

[javascript]代码库

<!DOCTYPE html>
<html>
  <head>
    <title>计算器</title>
    <meta charset="utf-8" />
    <style type="text/css">
      .panel {
        border: 4px solid #ddd;
        width: 192px;
        margin: 100px auto;
        /*border-radius: 6px;*/
      }
      .panel p, .panel input {
        font-family: "微软雅黑";
        font-size: 20px;
        margin: 4px;
        float: left;
        /*border-radius: 4px;*/
      }
      .panel p {
        width: 122px;
        height: 26px;
        border: 1px solid #ddd;
        padding: 6px;
        overflow: hidden;
      }
      .panel input {
        width: 40px;
        height: 40px;
        border:1px solid #ddd;
      }
    </style>
    <script type="text/javascript">
        window.onload=function(){
            //给div绑定单击事件
            var div = document.getElementById("jsq");
            div.onclick = function(e){
                //获取事件源
                var obj = e.srcElement || e.target;
                //从中找出按钮
                    console.log(1);
                if(obj.nodeName == "INPUT"){
                    var p = document.getElementById("screen");
                    //对不同的按钮做不同的处理
                    if(obj.value=="C"){
                        p.innerHTML = "";
                    }else if(obj.value=="="){
                        try{
                            p.innerHTML = eval(p.innerHTML);
                        }catch(ex){
                            p.innerHTML = "Error";
                        }
                    }else{
                        p.innerHTML +=obj.value;
                    }
                }
            }
        }
    </script>
  </head>
  <body>
    <div class="panel" id="jsq">
      <div>
        <p id="screen"></p>
        <input type="button" value="C">
        <div style="clear:both"></div>
      </div>
      <div>
        <input type="button" value="7">
        <input type="button" value="8">
        <input type="button" value="9">
        <input type="button" value="/">
         
        <input type="button" value="4">
        <input type="button" value="5">
        <input type="button" value="6">
        <input type="button" value="*">
         
        <input type="button" value="1">
        <input type="button" value="2">
        <input type="button" value="3">
        <input type="button" value="-">
         
        <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>

网友评论 (发表评论)

by: 发表于：2017-10-17 15:02:56 顶(0) | 踩(0) 回复
??
回复评论

还能输入：1000字

共1 条评论 1/1页

发表评论：

评论须知：

1、评论每次加2分，每天上限为30；
2、请文明用语，共同创建干净的技术交流环境；
3、若被发现提交非法信息，评论将会被删除，并且给予扣分处理，严重者给予封号处理；
4、请勿发布广告信息或其他无关评论，否则将会删除评论并扣分，严重者给予封号处理。

用户注册

用户登录

发表随想

该用户最新代码

编程随想

计算器

[javascript]代码库

网友评论 (发表评论)

回复评论

发表评论：

评论须知：

扫码下载

输入口令后可复制整站源码