单击时将文本的颜色更改为随机颜色(按钮)
Change color of the text on click to random color (Button)
我的html工作需要帮助。我对javascript还很陌生,我有一项工作要求我"onclick更改排序列表中文本的颜色,将其更改为随机颜色。"
需要更改的段落是id=p1
,到目前为止我得到的只是
<script>
// Random Colors
function randomColors() {
}
</script>
和
<div>
<button type="button" id="b1" class="button" onclick="randomColors()">Button 1</button>
</div>
可以相当简单地实现。。。
示例
function randomize() {
document.getElementById('p1').style.color = randomColors();
}
// random colors - taken from here:
// http://www.paulirish.com/2009/random-hex-color-code-snippets/
function randomColors() {
return '#' + Math.floor(Math.random() * 16777215).toString(16);
}
<div>
<p id="p1">Hello World</p>
</div>
<button id="b1" onclick="randomize()">Click Me!</button>
HTH
这里有一个很好的,可以保持相同的亮度和饱和度:
function getRndColor() {
return 'hsl(' + (360 * Math.random()) + ',50%,50%)'; // H,S,L
}
相关文章:
- 如何使用D3生成特定范围内的随机颜色
- 如何获得随机灯光颜色
- 单击时将文本的颜色更改为随机颜色(按钮)
- 使用JS将页面中的每个字母设置为随机颜色.为什么在页面的每个打开标记之前总是有一组额外的span标记
- 我怎样才能随机化 HTML 元素的颜色属性
- 文本颜色的随机色调不起作用
- 令人愉快的调色板随机颜色生成
- 显示所选随机颜色的十六进制
- 使用Javascript对RGBA颜色进行光标控制的形状随机化
- 随机bg颜色,每次刷新都会更改
- 每次单击按钮时随机选择颜色
- JavaScript 创建一个随机表生成器并为单元格分配颜色
- 使用jquery将文本更改为伪随机颜色
- 用于生成具有随机颜色的 CSS 属性的脚本
- 随机化网页上的图像和颜色对
- 使用 javascript 随机更改表的背景颜色
- 悬停时查询颜色随机化
- javascript颜色随机化器不起作用
- 颜色随机连接线
- 我如何改变背景颜色随机与Javascript