javascript - 使用随机的十六进制颜色，与真实生成器的值不同

Question

我用 vueJS 创建了一个随机十六进制颜色的函数，但是如果我选择我的函数的输出，然后我将输出放在 W3C 的生成器上，例如(链接:HERE)

这个功能并没有真正发挥作用

所以我希望看到这个问题，因为它非常令人沮丧，因为我无法获得 Hex Color 的真实值。

let random = function () {

  let text = "";
  const possible = "ABCDEF0123456789";

  for (var i = 0; i < 6; i++)
  text += possible.charAt(Math.floor(Math.random() *                               possible.length).toString(16));
     
  return '#' + text

}

const section = document.querySelector('section');
const title = document.querySelector('h1')

section.style.backgroundColor = random();
title.textContent = random();

section {
  width: 50px;
  height: 50px;
}

<section></section>
<h1></h1>

Answer 1

一个简单的

section.style.backgroundColor = "#" + Math.floor(Math.random() * 16777215).toString(16);

足够的代码

其中 16777215 是十进制的 #FFFFFF 而 toString(16) 创建一个十六进制变体。阅读更多; Number.prototype.toString() :