您的位置:首页 > 其它

fgm实例练习笔记-3.4比较数字大小

2017-07-11 22:48 274 查看
onkeyup事件(全小写),在键盘按键被松开时发生。

比较两个数字大小,实现效果是仅整数之间的比较,那么对于用户输入的数字就要进行规范。与其在输入了小数或非数字后再舍入取整或者报错,还不如一开始就禁止用户输入。所以给文本框引入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,非常简洁
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: