实现代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>*{margin: 0px;padding: 0px;}body{padding: 100px;}input[type=text]{width: 50px;background-color: #eee;border: 1px solid #ccc;height: 26px;line-height: 26px;}span{display: inline-block;width: 30px;}input[type=button]{padding: 5px 10px;}
</style>
<script>window.onload=function(){var aInput = document.getElementsByTagName('input');var oSpan = document.getElementsByTagName('span')[0];var oBtn = document.getElementById('btn');for(var i=0;i<aInput.length-1;i++){aInput[i].onkeyup=function(){this.value = this.value.replace(/[^\d]/,'')}}oBtn.onclick=function(){(aInput[0].value==""||aInput[1].value=="")?alert('请输入数字'):oSpan.innerHTML=parseInt(aInput[0].value)+parseInt(aInput[1].value);}}
</script>
</head>
<body><input type="text" />+ <input type="text" />= <span></span><input id="btn" type="button" value="求和" />
</body>
</html>

这里有用到正则表达式判断输入是否为数字。

结果如下图所示:

转载于:https://www.cnblogs.com/baixc/p/3427352.html

用parsetInt解析数字,并求和相关推荐

  1. boost::spirit模块使用 phoenix 对逗号分隔的数字列表求和的解析器

    boost::spirit模块使用 phoenix 对逗号分隔的数字列表求和的解析器 实现功能 C++实现代码 实现功能 boost::spirit模块使用 phoenix 对逗号分隔的数字列表求和的 ...

  2. python输入数字并求和_Python如何输入数字并求和

    输入数字并求和作为Python基础知识,又难倒了一批小伙伴.今天我们以案例为分析,帮助大家更好的理解和运用. 以下实例为通过用户输入两个数字,并计算两个数字之和: # -*- coding: UTF- ...

  3. 如何用计算机猜数字,杭电2010计算机复试笔试题 2道acm简单题(2010):1.猜数字游戏;2.字符串提取数字并求和;...

    //第一题是猜数字的游戏. //题目:随即产生一个3位的正整数,让你进行猜数字, //如果猜小了,输出:"猜小了,请继续". //如果猜大了,输出:"猜大了,请继续&qu ...

  4. mysql中如何求字段的个数字_求高手帮小弟解决一下!关于mysql字段中数字提取求和的问题?...

    例如表1中的No字段是字符串类型,no字段中包含数字及符号,如20+1.5,8+5+4等 那么有办帮法提取出20,1.5,8,5,4这些数字来进行求和等于38.5吗?语句怎么样写? 解决方案 30 提 ...

  5. java程序 输入10个数字并求和

    课程作业: 模仿JavaAppArguments.java示例,编写编写一个程序,此程序从命令行接受多个数字,求和之后输出结果. 设计思想: 先从命令行读出数字,然后计算各个数字之和.求出结果. 流程 ...

  6. c++从字符串中提取数字求和_【函数应用】单元格文本内提取数字并求和

    本篇的主题是将单元格内一串文本,找出所有数字并求和,如下图. 难度较高,新手建议仅了解下,先学会数组运用,再研究此知识点. 废话少说,步入正题. 重点说明:本篇只针对文本内整数的数字进行提取并求和,如 ...

  7. 课程作业01——从命令行接收多个数字,求和之后输出结果

    内容:模仿JavaAppArguments.java示例,编写一个程序,此程序从命令行接收多个数字,求和之后输出结果. 1.程序设计思想 多个数相加要利用for循环,循环条件就是将字符型转化为整型,循 ...

  8. 一个数字几个字节_字节跳动安全沙龙闭幕 多位专家解析数字经济业务安全

    鞭牛士报道 6月5日,字节跳动安全中心组织了 "业务安全攻与防"的主题安全沙龙,以疫情之下数字经济飞速发展背后的业务安全为讨论核心,围绕业务安全.攻防实战的真实场景,邀请了业界数位 ...

  9. 从零编写一个解析器(1)—— 解析数字

    文章名称:从零编写一个解析器(1)-- 解析数字 参考地址:https://github.com/Geal/nom/blob/master/doc/making_a_new_parser_from_s ...

最新文章

  1. 2022-2028年中国操作系统行业深度调研及投资前景预测报告
  2. 使用神经网络做二分类,输出层需要几个神经元?应该选择哪一种激活函数?如果要处理minst数据、输出层需要几个神经元?使用那种激活函数?如果使用神经网络预测房价,输出层需要几个神经元、使用什么激活函数?
  3. oracle 概要文件不存在,oracle 概要文件 - kecy1217的个人空间 - 51Testing软件测试网 51Testing软件测试网-软件测试人的精神家园...
  4. java操作js文件_JS操作文件
  5. (转)浅析当今视频文件的格式
  6. java 中文 编译_java编译带中文是显示乱码的错误
  7. input css年月日,input标签的type为date,显示的日期格式样式更改
  8. 阿帕奇链接mysql_apache guacamole 使用mysql 连接
  9. 如何在不同开发语言中使用绑定变量_linux C/C++服务器后台开发面试题总结(编程语言篇)...
  10. 找不到元数据文件“ .dll”
  11. win10关闭windows聚焦_win10 系统中的windows聚焦是什么意思 - 卡饭网
  12. Flash | 用几张帧图创建逐帧动画元件并插入场景层的一般步骤
  13. 全面公测 | 百度智能云CCE在离线混部功能
  14. 计算机分层和tcp分层_认知分层的机械权威与人类权威
  15. 2009谷歌全球热门搜索关键词排行
  16. cpu上干硅脂怎么清理_电脑清灰CPU怎么涂硅脂 导热硅脂涂抹方法教程
  17. 如何看待小米发布的Redmi Note9系列手机?1299元起是否值得?
  18. 三种安装httpd的方法
  19. python输出好看的表格
  20. 怎么利用支付宝当面付实现手机网站支付

热门文章

  1. python常用进制转换の方法
  2. 计算机语言中tc是什么,新人必须了解的几个TC常用语和脚本基础知识!
  3. activemq使用linux内核机制,activemq基础之:(四)CentOS7 Linux搭建activemq
  4. linux svn 服务器下载,Linux下搭建SVN服务器完全手册
  5. python3 线程池监控线程是否停止工作_Python线程池——个人总结,如果你不喜欢就不要喷,勿...
  6. oracle单行子查询返回多个行 order by,单行子查询返回多个行 Issue分析求助
  7. yii 引用php文件,Yii中引出php文件及插件
  8. Java Object类详解
  9. 没有bug队——加贝——Python 55,56
  10. java aspose 导出word_使用aspose.word 第三方的插件实现导出word