Javascript 多段落的随机颜色函数
这是一个将5个段落随机涂成一种颜色的函数Javascript 多段落的随机颜色函数,javascript,html,Javascript,Html,这是一个将5个段落随机涂成一种颜色的函数 #js function color(){ bgColorCode = '#' + Math.floor((Math.random() * 999999) + 100000); for (var i = 0; i < arguments.length; i++) { document.querySelector('#'+arguments[i]).style.backgroundColor = bgColorCode;
#js
function color(){
bgColorCode = '#' + Math.floor((Math.random() * 999999) + 100000);
for (var i = 0; i < arguments.length; i++) {
document.querySelector('#'+arguments[i]).style.backgroundColor =
bgColorCode;
}
}
#html
<button onclick = "color('p1', 'p2', 'p3', 'p4', 'p5')">Color Paragraphs</button><br>
<p id ="p1">
random text
</p>
<p id = "p2">
random text
</p>
...
#js
函数颜色(){
bgColorCode='#'+Math.floor((Math.random()*999999)+100000);
for(var i=0;i
随机文本
随机文本
...
我现在的问题是,如何仅使用一个按钮功能将5个段落随机着色为不同的颜色?正如gugateider在他的评论中建议的那样,您可以将随机颜色选择添加到for循环中,这样会为每个图形生成新的颜色:
function color(){
for (var i = 0; i < arguments.length; i++) {
bgColorCode = '#' + Math.floor((Math.random() * 999999) + 100000);
document.querySelector('#'+arguments[i]).style.backgroundColor = bgColorCode;
}
}
#html
<button onclick = "color('p1', 'p2', 'p3', 'p4', 'p5')">
Color paragraphs
</button><br>
<p id ="p1">
random text
</p>
<p id = "p2">
random text
</p>
函数颜色(){
for(var i=0;i
随机文本
随机文本
只需将bgColorCode随机代码添加到您的循环中即可,感谢它的工作!