页面点击和输入都没得反应

来源：1-19 自由编程

bbb绑绑绑

2019-05-10 09:01:16

<!DOCTYPE html >
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery练习</title>
<style type="text/css">
.div1{
 float: left;
 width: 50px;
 line-height: 30px;
 background-color: lightgray;
 margin-left: 10px;
 text-align: center;
 vertical-align: middle;
}
.div2{
 width: 300px;
 height: 300px;
 border: solid gray 1px;
 margin-top: 60px;
 color: red;
}
</style>

</head>
<body>
 <h2>请选择背景颜色</h2>
 <div>
 <div id="blue" class="div1">蓝色</div>
 <div id="green" class="div1">绿色</div>
 </div>
 <div class="div2" id="bg">
 </div>
 <div>输入颜色首字母： <input type="text" name="color"></div>
 <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
 <script type="text/javascript">
  $(document).ready(function(){
         alert("欢迎来到来到设置颜色的界面");
     });
  $("#blue").click(function(){
   $(".div2").css("background-coor","blue");
   $(".div2").html("<font>蓝色背景</font>");
   alert($(".div1").html());
  });
   $("#green").click(function(){
   $(".div2").css("background-coor","green");
   $(".div2").html("绿色背景");
   })
  $("input[name='color']").keypress(function(event){
   if(event.keyCode==66){
    $(this).css("color","blue");
   }
   if(event.keyCode==71){
    $(this).css("color","green");
   }
  });
 </script>
</body>
</html>

怎么肥事~