JavaScript 实现点击按钮随即切换 div 的背景颜色

点击查看代码 
<body>
    <!-- 设计一个div,设定宽高,在设置一个按钮,点击随机切换背景颜色 -->
    <div
      id="box"
      style="
        width: 200px;
        height: 200px;
        background-color: rgb(251, 164, 70);
        border: 3px black solid;
      "
    ></div>
    <button id="btn">换颜色</button>
    <script>
      var box = document.getElementById("box");
      var btn = document.getElementById("btn");
      btn.onclick = function() {
        // js 中有 数学对象 Math，
        // 方法 random() 生成 0~1 之间的随机数
        // round() 方法四舍五入
        var r = Math.round(Math.random() *255);
        // js 全局函数 parseInt() ,将字符串，小数解析为整数
        var g = parseInt(Math.random() * 255);
        // floor() 返回小于等于() 的整数
        var b = Math.floor(Math.random() * 256);

        box.style.backgroundColor = "rgb(" + r + "," + g + "," + b + ")";
      }
      
    </script>
  </body>
posted @ 2022-11-12 10:08  万能的冰  阅读(786)  评论(0)    收藏  举报