<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 输入车牌判断是否车辆限行 -->
<div id="box1">
<input type="" name="" id="carNo" value="" placeholder="请输入车牌号"/>
<button onclick="queryAction()">查询</button>
<button onclick="clearAction()">清除</button>
</div>
<div id="box2">
</div>
<script>
let carNo= document.querySelector('#carNo')
function isTrafficControl(carNo){
// 获取星期几,周六、周日不限行
tody = new Date()
week = tody.getDay()
if(week == 0 || week == 6){
return false
}
//1.找到第一个数字字符
numer = ''
for(x=carNo.length-1;x>=0;x--){
ch = carNo[x]
if('0'<=ch && ch<='9'){
numer = ch
break
}
}
console.log('====:',numer)
// week = 5
//2.日期对应的车牌号是否限行(星期数或星期数+5 == 尾号)
if(numer == week || numer==(week+5)%10){
return true
}
return false
}
function queryAction(){
// 获取输入文本的内容
// inputNode = document.getElementById('carNo')
carNumer = carNo.value
console.log(carNumer)
result = ''
// 正则判断车牌是否符合规则
//第一位: 京津沪渝辽吉黑冀鲁豫晋陕甘闽粤桂川云贵苏浙皖湘鄂赣青新宁蒙藏琼
//第二位:A-Z
//后面:五位(数字和字母结合)
regular = /^[京津沪渝辽吉黑冀鲁豫晋陕甘闽粤桂川云贵苏浙皖湘鄂赣青新宁蒙藏琼][A-Z][\dA-Z]{5}$/
if(regular.test(carNumer) == false){
result = carNumer + ':不是正确车牌,请清除重新输入!'
}else{
if(isTrafficControl(carNumer)){
result = carNumer + ':今日限行!'
}else{
result = carNumer + ':今日不限行!'
}
}
// 显示在页面
pNode = document.createElement('p')
pNode.innerText = result
document.getElementById('box2').appendChild(pNode)
}
function clearAction(){
// let carNo= document.querySelector('#carNo')
carNo.value = ''
document.getElementById('box2').innerHTML = ''
}
</script>
</body>
</html>
array-homework1
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- array_values返回数组中所有值array_keys返回数组所有的keyarray_search在数组中搜...
- 题目: Problem DescriptionOne day, Kaitou Kiddo had stolen a...
- 最近有在熟悉集合(数组)的一些操作方法。其中遇到判定一个元素是否存在于一个数组中的时候,了解到有这么三个方法。了解...
- 先来说下异同点 相同点: 操作对象是数组 都是利用回调函数对数组中每个元素进行操作 不同点: 返回值 回调函数的参...