如何根据颜色选择器的值onclick更改元素颜色

<input type="color" id="colorPicker">
<div id="targetElement">要改变颜色的元素</div>

var colorPicker = document.getElementById("colorPicker");
var targetElement = document.getElementById("targetElement");

colorPicker.onclick = function() {
  var selectedColor = colorPicker.value;
  targetElement.style.color = selectedColor;
};