欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS操作input标签内数值计算

程序员文章站 2022-05-16 18:10:27
...

这次给大家带来,的注意事项有哪些,下面就是实战案例,一起来看一下。

<!DOCTYPE html>
<html>
<head>
<metacharset="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:<inputid="put1"type="text"value=""/>
数值2:<inputid="put2"type="text"value=""/>
<inputtype="button"id="add"value="求和"/>
<inputtype="button"id="subtraction"value="相减"/>
</body>
</html>


相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

input输入框内容实时获取

Vue作用域插槽使用详解

vue实现点击图片放大功能(附代码)

以上就是JS操作input标签内数值计算的详细内容,更多请关注其它相关文章!