javascript - 多个段落的随机颜色功能
问题描述
所以这是将 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;
}
}
#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>
...
我现在的问题是如何仅用一个按钮功能将 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>
推荐阅读
- reactjs - 如何在不重新启动循环的情况下读取连续异步循环内的反应上下文/状态数据
- amazon-web-services - AWS SSL 证书安装问题
- linux - ELF 文件中的重定位加数 - Elf64_Rel 与 Elf64_Rela?
- javascript - 如何在reactjs中反转无限滚动条
- python - 使用 pyserial 读取 Scale 显示 b''
- json - SpringBoot 使用 PUT 映射创建/更新资源
- python - GridSearchCV 估计我的模型很慢
- sqlite - 不再支持 react-native-sqlite-storage android.useDeprecatedNdk NdkCompile
- java - 使用 JavaFX 未出现图像,如何调用它
- regex - 合并正则表达式以进行密码验证