随机生成16进制的颜色字符串

1,664 阅读1分钟

将笔记跟大家分享,希望对大家也有所帮助,共同成长进步💪~
如果大家喜欢,可以点赞或留言给个支持💕~~~~,谢谢大家⭐️⭐️⭐️~~~

实现一个随机生成的16进制颜色值,点击div元素切换颜色

<div id="dv"></div>

封装一个getColor函数

function getColor() {
      var str = "#";
      var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
      for (var i = 0; i < 6; i++) {
        var num = parseInt(Math.random() * 16);
        str += arr[num];
      }
      return str;
}
//console.log(getColor());
var btndv = document.getElementById('dv')
btndv.onclick = function () {
  this.style.backgroundColor = getColor();
};

效果图如下:

Video_2021-08-23_093207.gif

往期热门文章