我的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>

#1楼 票数:1 已采纳

Paul Irish在他的网站上提供了一些用于JavaScript的随机颜色生成器的示例

可以很简单地实现...

 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

#2楼 票数:0

这是一个保持相同亮度和饱和度的好方法:

function getRndColor() {
    return 'hsl(' + (360 * Math.random()) + ',50%,50%)'; // H,S,L
}

  ask by Anthony translate from so

未解决问题?本站智能推荐:

3回复

选中复选框时将按钮颜色更改为绿色

当我单击复选框时,我想更改按钮选择菜单的颜色。 选择菜单的按钮: 模态: 需要使用JavaScript来更改按钮的颜色,尝试了许多选项和功能,但没有任何效果。 我复选框的ID是动态的,并且不断变化
4回复

单击按钮更改背景颜色

我正在学习JavaScript! 我需要做的是,在更改图像的同时,通过单击按钮来更改背景颜色。 从开灯到关灯的图片更改工作正常,唯一的问题是html页面背景的颜色没有更改。 function colorize() { var element = document.g
3回复

单击将网站背景从gif更改为颜色

我知道有很多关于更改背景颜色的问题,但是它们似乎不适用于我的网站,因为我的网站以gif作为初始背景。 我的html文件的开头: 那么如何通过按按钮将背景更改为纯色? (通过使用黑色图片链接或color:black ,但我更喜欢后者) 我在考虑这样的事情,但是我不知道如何调用
6回复

单击时如何更改表格中一个tr的颜色

我有一张这样的桌子: 我想知道是否可以单击单元格并更改颜色(带有类): 如果我单击A1: 然后我单击A3,它将像这样 我做了什么 我想知道如何使用JQuery做到这一点。 提前致谢!
3回复

向下滚动颜色时如何更改背景颜色?

我的图像有很多颜色。 在页面中向下滚动。 如果图像颜色停止在页面中心,则缩略图图像颜色应自动更改。 缩略图图像颜色用css编写。 该怎么做?
5回复

单击按钮后将Var更改为0

在我的JavaScript中,我将自动滚动频率设置为var speed1。单击按钮时,我想将var spsp设置为0。 有人可以帮助我吗? 按键: 这是我的Javascript: 自动滚动是可中断的,您可以自由滚动,但是如果可以解决,请滚动并等待20秒钟,然后进行自动滚动
1回复

如何将表格单元格颜色更改为三次单击html5 / javascript / css的默认值

我是Web开发的新手,为了对此有所了解,我正在从事一个项目https://jsfiddle.net/pz6tc3ae/30/ (请尝试使用chrome项目,某些功能在其他浏览器中不起作用)。 此项目中有两个表,单击表1中的任何单元格会触发表2,如果用户单击表2中的选项,则会更改表1中单击的单元
1回复

悬停时更改strokeRect颜色

所以我在玩HTML和JavaScript,并尝试使用Canvas元素。 所以我做了一个简单的strokeRect作为按钮。 我要制作它,以便将鼠标悬停在它上面时会更改strokeRect颜色 我该怎么办? 这是我的HTML代码 这是我的JavaScript代码 这是