鼠标点击小练习

HTML代码

​
     <div>

     </div>
     <button>点击添加文本</button>

​

CSS代码

   <style>
        div{
            width: 600px;
            height: 400px;
            border: 1px solid gray;
            margin: 60px auto;
        }
        button{
            display: block;
            margin: 20px auto;
        }
       
        .hover{
            color: white;
            width: 160px;
            height: 60px;
            margin: 60px auto;
            background: pink;
            text-align: center;
            line-height: 60px;
        }

    </style>

JS代码

 <script>

    //封装函数
      function wb(){
         //获取元素
         let div=document.querySelector('div');
         let btn=document.querySelector('button');
          //给btn绑定点击事件
          btn.onclick=functi