来自数组JavaScript的随机颜色_Javascript_Html_Arrays

来自数组JavaScript的随机颜色

javascript html arrays

来自数组JavaScript的随机颜色,javascript,html,arrays,Javascript,Html,Arrays,我是javascript新手，所以很抱歉这个问题很简单加载网页时，我希望我的div是数组中表示的随机颜色 HTML JS 很抱歉，我无法将随机颜色设置为div。我尝试直接设置颜色，即蓝色。这起作用了。但使用数组根本不起作用最后，我希望我的div在每次启动网页时都是数组中的一种随机颜色您的代码已经运行了。你把一些引语弄错了。JS的正确HTML如下所示： <body onload="start()"> <div id="sq"></div> </

我是javascript新手，所以很抱歉这个问题很简单

加载网页时，我希望我的div是数组中表示的随机颜色

HTML

很抱歉，我无法将随机颜色设置为div。我尝试直接设置颜色，即蓝色。这起作用了。但使用数组根本不起作用

最后，我希望我的div在每次启动网页时都是数组中的一种随机颜色

您的代码已经运行了。你把一些引语弄错了。JS的正确HTML如下所示：

<body onload="start()">
    <div id="sq"></div>
</body>

#sq{
保证金：5px；
边框：1px纯黑；
宽度：50px；
高度：50px；
}

您的代码已经可以运行了。你把一些引语弄错了。JS的正确HTML如下所示：

<body onload="start()">
    <div id="sq"></div>
</body>

#sq{
保证金：5px；
边框：1px纯黑；
宽度：50px；
高度：50px；
}

此代码用于随机更改身体的背景颜色

//在常量变量中获取html页面中的值
const colorBtn=document.querySelector（“.colorBtn”）；
const bodyBcg=document.querySelector（“body”）；
常量十六进制=document.querySelector（“.hex”）；
//创建十六进制文字数组
常量十六进制数=[0,1,2,3,4,5,6,7,8,9，“A”，“B”，“C”，“D”，“E”，“F”]；
//创建事件侦听器链接按钮
colorBtn.addEventListener（“单击”，更改颜色）；
函数changeColor（）{
//用于存储颜色值的变量
让hexCol=“#””；
//循环运行次数最多为6次，且十六进制值的长度为6个字面值
for（设i=0；i<6；i++）{
//生成小于15的随机索引
让random=Math.floor（Math.random（）*hexNumbers.length）；
//将所有值添加到变量
hexCol+=十六进制数[随机]；
}
//根据我们创建的值更改主体背景的颜色
bodyBcg.style.backgroundColor=六角体；
//显示我们得到的十六进制值
hex.innerHTML=hexCol；
}

正文{
最小高度：100vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.colorBtn{
用户选择：无；
填充：0.25雷姆0.5雷姆；
边框：1px实心#fefe；
边界半径：7px；
颜色：#fefefe；
背景色：rgba（0,0,0,0.6）；
字体大小：1.5rem；
文本转换：大写；
光标：指针；
大纲：无；
}
.colorBtn:悬停{
背景色：rgb（0,0,0）；
}
.集装箱{
文本对齐：居中；
}
.hexColor{
文本转换：大写；
}
海克斯先生{
字体大小：3rem；
显示：块；
}


此颜色代码为：
按我来换颜色

此代码用于随机更改车身的背景颜色

//在常量变量中获取html页面中的值
const colorBtn=document.querySelector（“.colorBtn”）；
const bodyBcg=document.querySelector（“body”）；
常量十六进制=document.querySelector（“.hex”）；
//创建十六进制文字数组
常量十六进制数=[0,1,2,3,4,5,6,7,8,9，“A”，“B”，“C”，“D”，“E”，“F”]；
//创建事件侦听器链接按钮
colorBtn.addEventListener（“单击”，更改颜色）；
函数changeColor（）{
//用于存储颜色值的变量
让hexCol=“#””；
//循环运行次数最多为6次，且十六进制值的长度为6个字面值
for（设i=0；i<6；i++）{
//生成小于15的随机索引
让random=Math.floor（Math.random（）*hexNumbers.length）；
//将所有值添加到变量
hexCol+=十六进制数[随机]；
}
//根据我们创建的值更改主体背景的颜色
bodyBcg.style.backgroundColor=六角体；
//显示我们得到的十六进制值
hex.innerHTML=hexCol；
}

正文{
最小高度：100vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.colorBtn{
用户选择：无；
填充：0.25雷姆0.5雷姆；
边框：1px实心#fefe；
边界半径：7px；
颜色：#fefefe；
背景色：rgba（0,0,0,0.6）；
字体大小：1.5rem；
文本转换：大写；
光标：指针；
大纲：无；
}
.colorBtn:悬停{
背景色：rgb（0,0,0）；
}
.集装箱{
文本对齐：居中；
}
.hexColor{
文本转换：大写；
}
海克斯先生{
字体大小：3rem；
显示：块；
}


此颜色代码为：
按我来换颜色

问题的具体内容是什么？问题的具体内容是什么？请添加一些关于您的解决方案的说明，以及提高可读性和可用性的方法。请添加一些关于您的解决方案的说明，以及提高可读性和可用性的方法。

<body onload="start()">
    <div id="sq"></div>
</body>