案列: 判断用户输入的文字是否为123开头
输入内容的文本框
<input type="text" id="ip1">
<button id="bt1">判断</button>
点击button按钮时,判断用户输入的内容,是否为123开头
找到当前的事件源:button
事件:点击事件 onclick
处理函数判断用户输入的内容 为123开头
var bt1=document.getElementById("bt1")
bt1.onclick=function(){
//获取到input框
var ip1=document.getElementById("ip1")
//想要获取到input中输入的内容
var content=ip1.value//input框中输入的内容 字符串
//console.log(content)
//判断是否为123开头
//如何判断当前字符串的前三个? 截取指定的字符串
//substr(start,length)方法提取字符串的一部分,从指定的索引处开始,并返回指定数量的字符
var str=content.substr(0,3)//截取当前字符串的前三位
//分支语句
if(str=="123"){
console.log("正确")
}else{
console.log("错误")
}
}
判断用户输入的文字不只局限于是否为123开头也可以换成相应案列的文字,单词,字符串等等,感兴趣的小伙伴可以动手尝试一下。