如何使用CSS和JavaScript从数组中选择随机颜色

任务是使用CSS从数组中选择随机颜色。CSS本身无法实现此功能，因为CSS不支持逻辑语句，它是纯确定性的（没有类似数组等的东西）。我们可以使用客户端JavaScript从数组中选择随机颜色。以下程序说明了使用客户端JavaScript的解决方案：

示例：

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<h3>Pick a random color from array</h3> 
  
<h3 id="pick" style="color:red;"> 
    Sample Text 
</h3> 
  
<br><br> 
  
<button onclick="pickColor()"> 
    Click to change color 
</button> 
  
<script> 
    // JavaScript code to pick 
    // a random color from array 
    function pickColor() { 
          
        // Array containing colors 
        var colors = [ 
            '#ff0000', '#00ff00', '#0000ff', 
            '#ff3333', '#ffff00', '#ff6600' 
        ]; 
          
        // selecting random color 
        var random_color = colors[(Math.floor( 
                Math.random() * colors.length))]; 
          
        var x = document.getElementById('pick'); 
        x.style.color = random_color; 
    } 
</script>

输出：