当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js实现网页的两个input标签内的数值加减(示例代码)

js实现网页的两个input标签内的数值加减(示例代码)

2017年12月12日  | 移动技术网IT编程  | 我要评论

实例如下所示：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload=function(){

var oiput1=document.getelementbyid('put1');
var oiput2=document.getelementbyid('put2');
var nadd=document.getelementbyid('add');
var nsub=document.getelementbyid('subtraction');


nadd.onclick=function(){
var a=number(oiput1.value);
var b=number(oiput2.value);
c = a+b;
alert(c);
}
nsub.onclick=function(){
var a=number(oiput1.value);
var b=number(oiput2.value);
c = a-b;
alert(c);
}
}

</script>
</head>
<body>

数值1:<input id="put1" type="text" value=""/>
数值2：<input id="put2" type="text" value=""/>
<input type="button" id="add" value="求和" />
<input type="button" id="subtraction" value="相减" />

</body>
</html>

下面是效果图 ↓

以上这篇js实现网页的两个input标签内的数值加减(示例代码)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网