javascript基础数字间的求和

最新推荐文章于 2022-12-04 00:31:30 发布

赖乾华

最新推荐文章于 2022-12-04 00:31:30 发布

阅读量684

点赞数 1

分类专栏：零基础javascript web前端

本文链接：https://blog.csdn.net/qq_37252367/article/details/54023398

版权

web前端同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

零基础javascript

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <input type="text" name="text1" id="text1" value="" />              //输入框
       <input type="text" name="text2" id="text2" value="" />
       <input type="button" name="btn" id="btn" value="相加" />   //按钮
   </body>
   <script type="text/javascript">                                                      //javascript书写格式
       var oText1=document.getElementById('text1');                    //获取html第一个id命名
       var oText2=document.getElementById('text2');                   //获取html第二个id命名
       var oBtn=document.getElementById('btn');                         //获取html第三个id命名
       oBtn.οnclick=function(){                                                          //鼠标点击触发效果
           if(isNaN(parseInt(oText1.value))){                                    //isNaN:非数字。    parselnt（）：强制将‘字符串’转换成数字    如：‘45’带有‘ ’符号的代表字符串
               alert('您第一个输入有误')
           }
           else if(isNaN(parseInt(oText2.value))){
               alert('您第二个输入有误')
           }
           else{
               alert(parseInt(oText1.value)+parseInt(oText2.value))
           }
       }
   </script>
</html>