数组中的随机 javascript HEX 颜色

【问题标题】：Random javascript HEX color from array数组中的随机 javascript HEX 颜色
【发布时间】：2018-09-20 11:56:04
【问题描述】：

所以，我正在尝试根据这个预先确定的十六进制代码在 div 中构建一个随机的边框颜色，但我遗漏了一些东西。

有人知道这样做的好方法吗？我在 js 方面仍然很业余，这里的代码似乎不适用于上下文。

 document.addEventListener('DOMContentLoaded', function() {
   var randomNumber = Math.floor(Math.random() * 4);
   var id = ['e789ad', '1cfeff', 'ffffff', 'ffffff', '363877',];

   console.log(randomNumber);

   document.querySelector("div.menu").style.borderColor =  "#" + id[randomNumber.lenght]+ ";";
});

【问题讨论】：

id[randomNumber.lenght] → id[randomNumber]

标签： javascript arrays random colors hex

【解决方案1】：

document.querySelector("div.menu").style.borderColor =  "#" + id[randomNumber.lenght]+ ";";

应该是

document.querySelector("div.menu").style.borderColor =  "#" + id[randomNumber];

（注意没有 .length 也没有 ";"）可以直接在数组中添加#

还有

var randomNumber = Math.floor(Math.random() * 4);
var id = ['e789ad', '1cfeff', 'ffffff', 'ffffff', '363877',];

只会生成0,1,2,3，需要改成

var id = ['e789ad', '1cfeff', 'ffffff', 'ffffff', '363877',];
var randomNumber = Math.floor(Math.random() * id.length);

从数组中获取任何值。

【讨论】：