改變點擊顏色爲隨機顏色的文本顏色（按鈕）

Question

我需要幫助我的HTML工作。我對JavaScript非常陌生，我有一項工作要求我「點擊更改我們的有序列表中的文本顏色，以更改爲隨機顏色。」

需要更改的段落是id=p1，到目前爲止，我的一切是

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

和

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

Answer 1

保羅愛爾蘭有一個隨機顏色生成的JavaScript上的幾個例子他的網站here.

其中，可以相當簡單地實現...

例

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 
}