用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

简易计算器

2020-10-14 作者:深空举报

[javascript]代码库

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算器</title>
</head>
<style>
 *{margin:0;padding:0;}ul li{list-style: none;}
.div{width:600px;height:600px;margin:100px auto;border:1px solid #c8c;}
.div>input{width:200px;height:50px;font-size: 30px;margin-bottom:10px;}
.div>ul{width:100%;height:80px;/*border:1px solid red;*/}
.div>ul>li{width:50px;height:100%;float:left;margin-left:10px;}
.div>ul>li>button{width:100%;height:100%;font-size:30px;text-align: center;}
</style>
<body>
<div class="div">
    第一个数 <input type="text" id="text1"><br>
    第二个数 <input type="text" id="text2"><br>
    <ul>
        <li><button onclick="cal('+')">+</button></li>
        <li><button onclick="cal('-')">-</button></li>
        <li><button onclick="cal('*')">*</button></li>
        <li><button onclick="cal('/')">/</button></li>
    </ul>
    <br>
    计算结果 <input type="text" id="textResult">
</div>
<script>
    var text1=document.getElementById("text1");
    var text2=document.getElementById("text2");
    var textResult=document.getElementById("textResult");
    function cal(str){
        switch(str){
            case '+':
            textResult.value=parseFloat(text1.value)+parseFloat(text2.value);break;
            case '-':
            textResult.value=parseFloat(text1.value)-parseFloat(text2.value);break;
            case '*':
            textResult.value=parseFloat(text1.value)*parseFloat(text2.value);break;
            case '/':
            textResult.value=parseFloat(text1.value)/parseFloat(text2.value);break;
        }
    }
</script>    
</body>
</html>


分享到:
更多

网友评论    (发表评论)


发表评论:

评论须知:

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