fgm实例练习笔记-3.4比较数字大小
2017-07-11 22:48
274 查看
onkeyup事件(全小写),在键盘按键被松开时发生。
比较两个数字大小,实现效果是仅整数之间的比较,那么对于用户输入的数字就要进行规范。与其在输入了小数或非数字后再舍入取整或者报错,还不如一开始就禁止用户输入。所以给文本框引入onkeyup事件和replace()方法,输入非法内容将立即被删去(替换为空 “”)。
判定是否为非法内容,使用正则表达式,非\d的就删掉。
遇到两种情况,能用?:就用?:,比if else省事很多。
自己写的:
oBtn.onclick的函数原版这样写:
?:取代了if,非常简洁
比较两个数字大小,实现效果是仅整数之间的比较,那么对于用户输入的数字就要进行规范。与其在输入了小数或非数字后再舍入取整或者报错,还不如一开始就禁止用户输入。所以给文本框引入onkeyup事件和replace()方法,输入非法内容将立即被删去(替换为空 “”)。
判定是否为非法内容,使用正则表达式,非\d的就删掉。
this.value.replace(/[^\d]/,"")
遇到两种情况,能用?:就用?:,比if else省事很多。
自己写的:
window.onload = function(){ var num = document.getElementsByTagName("input"); var oBtn = document.getElementById("btn");//可以不引入oBtn,因为oBtn也是input写的,num[2]对应的就是oBtn。单独写出了为了区分和好修改。 var aSum = document.getElementById("sum"); for (var i = 0;i<num.length - 1;i++)//按钮oBtn不需要 { num[i].onkeyup = function(){ this.value = this.value.replace(/[^\d]/,"");}//replace(regexp/substr,replacement)方法,用一个字符串替换掉另一个字符串或正则表达式匹配的子串 } oBtn.onclick = function(){ if(num[0].value == "" || num[1].value == "") //全等==,赋值=,不要再用混了。此处是逻辑或||,有一个true就true { alert("please");} else{ aSum.innerHTML = Math.max(num[0].value,num[1].value)}//求最大值还是Math.max(,)稳 } }
oBtn.onclick的函数原版这样写:
(aInput[0].value == "" || aInput[1].value == "") ? alert("请输入数字!") : (aSpan.innerHTML = Math.max(aInput[0].value, aInput[1].value)) ;
?:取代了if,非常简洁
相关文章推荐
- fgm实例练习笔记-2.3求出数组中所有数字的和
- Ferris教程学习笔记:js示例3.4输入两个数字,比较大小
- fgm实例练习笔记-1.3函数接收参数并弹出
- fgm实例练习笔记-1.4用循环将三个Div变成红色
- fgm实例练习笔记-3.9倒计时
- C#基础-006(4)if练习 比较控制台输入的两个数字的大小
- fgm实例练习笔记-1.6记住密码提示框
- fgm实例练习笔记-3.7网页计算器
- fgm实例练习笔记-2.5函数传参,改变Div任意属性的值
- C#笔记 三月三号 比较三个数字的大小
- fgm实例练习笔记-2.1点击展开下拉列表
- fgm实例练习笔记-2.11鼠标移过改变图片路径
- fgm实例练习笔记-2.5页面加载后自加一
- fgm实例练习笔记-4.1 setTimeout应用
- fgm实例练习笔记-2.6图片列表:鼠标移入/移出改变图片透明度
- fgm实例练习笔记-2.4弹出层效果
- fgm实例练习笔记-1.5js写css hover选择器
- fgm实例练习笔记-1.2网页换肤
- fgm实例练习笔记-3.8简易网页时钟
- Java判断两个数字大小代码实例