Question

我的html工作需要帮助。我是javascript的新手，我有一个工作要求我＆＃34; onclick更改我们有序列表中文本的颜色以更改为随机颜色。＆＃34;

需要更改的段落是id=p1，到目前为止，我得到的是

<script>
// Random Colors
function randomColors() {
}    
</script>

和

<div> 
  <button type="button" id="b1" class="button" onclick="randomColors()">Button 1</button>
</div>

Answer 1

Paul Irish在他的网站here.

上有一些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

Answer 2

这是一个很好的保持相同的亮度和饱和度：

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

点击文字颜色改为随机颜色（按钮）

2 个答案: