第一次写博客,可能有些地方写的不完善,希望大家能指出来,一起相互交流,共同进步。
首先要布局:
<input id="txt1" type="text" /><input id="btn1" type="button" value="判断是否为两位数" />
思路:在文本框中输入内容,如不是数字,则"请输入数字!",如满足>9&&<100,则提示"是两位数",否则提示"不是两位数"。
key word:document.getElementById(' '), alert(), if(){}else if(){}esle{}, oTxt.value>9&&oTxt.value<100, document.getElementById(' ').value.length
js代码:
window.οnlοad=function () {//窗体加载事件
var oTxt=document.getElementById('txt1');//获取元素
var oBtn=document.getElementById('btn1');
//alert(oTxt.value);
oBtn.οnclick=function () {
if (oTxt.value>9&&oTxt.value<100) {//判断是否为两位数
alert(oTxt.value+"是两位数");
}
else if (isNaN(oTxt.value)){//判断是否为数字 方法1
// JS中判断是否为数字用isNaN()函数
// JS中判断是否为空用==''
alert("请输入数字!");
}
// else if (oTxt.value!=="number") {//方法2
// alert("请输入数字!");
// }
else {
alert(oTxt.value+"不是两位数");
}
var LEN=document.getElementById('txt1').value.length;
alert(LEN);
}
}