问如何从数组中给div一个随机的背景色？

EN

getNewRandomColor();

function getNewRandomColor()
{
    var myArray = ['red', 'green', 'blue'];    
    var rand = myArray[Math.floor(Math.random() * myArray.length)];
    document.getElementById("myDiv").style.backgroundColor = rand;
}

<div id="myDiv">Something here</div>


<button onclick="getNewRandomColor()">Get New Random Color</button>

$(document).ready(function(){ 
  var colors = ['red','blue','green','yellow','cyan','orange'];
  var new_color = colors[Math.floor(Math.random()*colors.length)];
  $('#color-div').css('background-color',new_color);
});

const COLORS = [
  'red',
  'green',
  'blue',
  'yellow',
  'cyan',
  'black',
];

document.onclick = () => {  
  document.body.style.backgroundColor
    = COLORS[Math.floor(Math.random() * COLORS.length)];
};

const COLORS = [
  'red',
  'green',
  'blue',
  'yellow',
  'cyan',
  'black',
];

document.onclick = () => {
  document.body.style.setProperty('--bg', COLORS[Math.floor(Math.random() * COLORS.length)]);
};

:root {
  --bg: white;
}

body {
  background-color: var(--bg);
}