登录练习
<script>
// 设定 账号密码
username = 'abc'
password = '123'
//获取输入的内容 获取按钮 然后存到变量
let usn = document.querySelector('.username')
let psw = document.querySelector('.password')
let btn = document.querySelector('button')
// 触发点击 判断 账号 密码是否为空
let login = () => {
if (usn.value === '' || psw.value === '') {
alert('用户名或密码不能为空')
}
//判断 账号 密码是否正确
else if (usn.value === username && psw.value === password) {
alert('登录成功');
} else {
alert('账号或密码错误');
}
// 触发点击 内容为空
usn.value = ''
psw.value = ''
}
btn.addEventListener('click', () => {
login()
})
// 回车键也能够实现登录功能
psw.addEventListener("keydown", (e) => {
if (e.key === "Enter") //用于检测是否按下了 Enter 键。
{
login()
}
})
</script>
功德练习
<script>
// 获取按钮
let a = document.querySelector('.btn')
let sp = document.querySelector('span')
//这是一个开关
let interval = null
// 点击 按钮 文字变成休息一会再增加
a.addEventListener('click', () => {
if (interval === null) {
//如果开关打开让他=定时器
interval = setInterval(() => {
sp.innerHTML++
}, 1000)
a.innerHTML = '休息一会再增加'
} else {
// console.log(interval); 这是浏览器给 当前的定时器取了一个唯一的id
clearInterval(interval)//清除定时器
interval = null//关闭开关
a.innerHTML = '点击我开始为自己增加功德！'
}
})
</script>
