生成随机十六进制颜色字符串

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

实现一个随机生成的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();
};

效果图如下：

往期热门文章

• vue面试总结
• js面试常问问题含详细答案
• es6相关总结
• JS数组reduce()方法
• js数组sort()
• HTML面试总结
• css面试总结
• 微信小程序面试总结
• css3实现动画效果常用方法指南