JS操作input标签内数值计算

来源：动视网责编：小采时间：2020-11-27 19:54:06

JS操作input标签内数值计算

JS操作input标签内数值计算: 这次给大家带来，的注意事项有哪些，下面就是实战案例，一起来看一下。<!DOCTYPE html> <html> <head> <metacharset="UTF-8"> <title></title> <script>

推荐度：

点击下载本文 文档为doc格式

导读JS操作input标签内数值计算: 这次给大家带来，的注意事项有哪些，下面就是实战案例，一起来看一下。<!DOCTYPE html> <html> <head> <metacharset="UTF-8"> <title></title> <script>

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

<!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>

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

JS操作input标签内数值计算

推荐度：

点击下载本文 文档为doc格式

标签：获取数据 js

热门焦点

JS操作input标签内数值计算

JS操作input标签内数值计算

JS操作input标签内数值计算

最新推荐

猜你喜欢

热门推荐