- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>Demo01.html</title>
- <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
- <meta http-equiv="description" content="this is my page">
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
- <script type="text/javascript" src="./js/Demo01.js">
- </script>
- <script type="text/javascript">
- //第一种方法
- function sum(oper){
- var num1=document.getElementById("num1").value;
- var num2=document.getElementById("num2").value;
- var num3=eval(num1+oper+num2);
- document.getElementById("num3").value=num3;
- }
- //第二种方法
- function sum1(){
- var num1=document.getElementById("num1").value;
- var num2=document.getElementById("num2").value;
- if(isNaN(num1)){
- alert("第一个输入框的格式不对,应该输入非字符类型的数");
- }else{
- if(isNaN(num2)){
- alert("第二个输入框的格式不对,应该输入非字符类型的数");
- }else{
- var num11=parseInt(num1);
- var num22=parseInt(num2);
- var num3=num11+num22;
- document.getElementById("num3").value=num3;
- }
- }
- }
- </script>
- </head>
- <body>
- <input type="text" name="num1" id="num1">-<input type="text" name="num2" id="num2">
- <input type="button" value="=" οnclick="sum('-')"> <!-- 第一种方法 -->
- <!-- <input type="button" value="=" οnclick="sum1()">--><!-- 第二种方法 -->
- <input type="text" name="num3" id="num3">
- </body>
- </html>
用javascript写的加法运算的两种方法
最新推荐文章于 2022-06-19 17:07:20 发布