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

Question

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

该功能实际上不起作用

所以我希望看到这个问题，因为它非常令人沮丧，因为我无法获得十六进制颜色的真实值。

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() :