登录练习

  <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>