js实现网页的两个input标签内的数值加减(示例代码)
2017-08-15 09:04
656 查看
实例如下所示:
<!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标签内的数值加减(示例代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- js 实现 input type="file" 文件上传示例代码
- js获取input标签的输入值实现代码
- js获取input标签的输入值实现代码
- js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
- js 实现 input type="file" 文件上传示例代码
- js 实现 input type="file" 文件上传示例代码
- JS操作input标签属性checkbox全选的实现代码
- JS 网页彩蛋 实现代码
- js 实现打印网页中定义的部分内容的代码
- js,jQuery 排序的实现,网页标签排序的实现,标签排序
- js实现网页图片延时加载的原理和代码
- JS+CSS实现出现在网页左侧可折叠在线客户代码
- 分享利用JS实现两个select标签中内容更换的小实例
- 纯js网页画板(Graphics)类简介及实现代码
- js(JavaScript)代码实现的TAB标签切换效果
- js实现网页图片延时加载的原理和代码【转】
- js实现网页内查找代码(实例)
- Js网页另存为实现代码
- 收缩展开的竖直菜单(利用JS+CSS实现_网页代码站(www.webdm.cn)