老師有什麼可以改進?

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>习题</title>
</head>

<body>
    <input type="text" value=""><span></span>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script>
    //此处写代码
      $(document).ready(function(){
      let input = $("input")
      let span = $("span")
      input.focus(function() {
        input.css({"border":"1px solid blue"})
        span.html("請輸入用戶名")
    })
      input.blur(function() {
          if(input.val()===""){
            console.log("value")
            input.css({"border":"1px solid red"})
            span.html("用戶名不能為空")
          }else{
            input.css({"border":"1px solid green"})
          }

        })

      })

        </script>
</body>

</html>

在这里输入代码，可通过选择【代码语言】突出显示