單擊時將文本的顏色更改為隨機顏色（按鈕）

Question

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

Answer 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

Answer 2

這是一個保持相同亮度和飽和度的好方法：

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