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>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是JS操作input标签内数值计算的详细内容,更多请关注其它相关文章!