如何在单击时将此函数更改为随机？当前在4个选项中使用相同的颜色类别

function changeColor() {
  // 在这里编写更改颜色的逻辑
}

document.addEventListener('click', changeColor);

function changeColor() {
  // 生成随机颜色
  var randomColor = '#' + Math.floor(Math.random()*16777215).toString(16);
  
  // 将随机颜色应用到选项中的元素
  var options = document.getElementsByClassName('color-option');
  for (var i = 0; i < options.length; i++) {
    options[i].style.backgroundColor = randomColor;
  }
}

<div class="color-option" style="background-color: #FF0000;"></div>
<div class="color-option" style="background-color: #00FF00;"></div>
<div class="color-option" style="background-color: #0000FF;"></div>
<div class="color-option" style="background-color: #FFFF00;"></div>