前端应用_js_加减乘除计算器

最新推荐文章于 2023-08-22 18:19:51 发布

上海_彭彭

最新推荐文章于 2023-08-22 18:19:51 发布

阅读量617

点赞数 3

分类专栏： javascript 文章标签： JavaScript 加减乘除计算器

本文链接：https://blog.csdn.net/qq_34979346/article/details/98471814

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

看不懂的请留言，有bug 请提出

<!doctype html>
<html lang="en">
<head>
      <meta charset="UTF-8">
    <title>加减乘除计算器</title>
    <script type="text/javascript">
    window.onload=function(){
    var text1=document.getElementById("ct1");
    var text2=document.getElementById("ct2");
    var text3=document.getElementById("ct3");
    var button=document.getElementById("btn");
    var drop=document.getElementById("drop");
    button.onclick=function(){
    var a=parseInt(text1.value);
    var b=parseInt(text2.value);
    if  (myIsNaN(a) &&  myIsNaN(b)){
    }
    else{
    alert("输入必须是数字，不要拿其他东西忽悠我")
    }

    if (drop.value=="+"){
    var c=(a+b);
    if (myIsNaN(c)){text3.value=c;}

    }
    else if(drop.value=="-"){
    var c=(a-b);
    if (myIsNaN(c)){text3.value=c;}
    }
     else if(drop.value=="*"){
    var c=(a*b);
    if (myIsNaN(c)){text3.value=c;}
    }
     else if(drop.value=="/"){
     if (b==0){
     alert("不要输入0， 大哥我也不容易，就不要为难小弟了")
     return;
     }
   var c=(a/b);
    if (myIsNaN(c)){text3.value=c;}
    }
    }
    // true:数值型的，false：非数值型
  function myIsNaN(value) {
    return typeof value === 'number' && !isNaN(value);
  }

}
   </script>
</head>
<body>
<input type="text" id="ct1">
<select name="" id="drop">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
</select>
<input type="text" id="ct2">

<input type="button" id="btn" value="计算">

<input type="text" id="ct3">

</body>
</html>

上海_彭彭

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
前端应用_js_加减乘除计算器

看不懂的请留言，有bug 请提出<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>加减乘除计算器</title> <script type="text/javascript"> wind...
复制链接

扫一扫

专栏目录