码迷,mamicode.com
首页 > 其他好文 > 详细

简易计算器

时间:2014-11-20 18:34:45      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   os   sp   on   

bubuko.com,布布扣

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" >
<meta name="copyright"
<title></title>
<script>
window.onload=function (){
    var oTxt1=document.getElementById(txt1);    
    var oTxt2=document.getElementById(txt2);    
    var oBtn=document.getElementById(btn);    
    var oSel=document.getElementById(sel1);    
    oBtn.onclick=function (){
        var _n1=oTxt1.value;
        var _n2=oTxt2.value;
        var n1=oTxt1.value-0;
        var n2=oTxt2.value-0;
        var str=oSel.value;
        if(_n1==‘‘|| _n2==‘‘)
        {
            alert(请输入);
        }
        else if(isNaN(n1)||isNaN(n2))
        {
            alert(至少一个不是数字);
        }
        else
        {
            switch(str)
            {
                case +:
                alert(n1+n2);
                break;
                case -:
                alert(n1-n2);
                break;
                case *:
                alert(n1*n2);
                break;
                case -:
                alert(n1-n2);
                break;
            }
            
        }
    };
};
</script>
</head>

<body>
    <input type="text" id="txt1" />
    <select id="sel1">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type="text" id="txt2" />
    
    <input type="button" value="计算" id="btn" />
</body>
</html>

 

简易计算器

标签:style   blog   http   io   ar   color   os   sp   on   

原文地址:http://www.cnblogs.com/heboliufengjie/p/4111102.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!