这是一个相当简单的任务。请参见下面的注解示例。

// references to our various elements 
const input = document.getElementById("color");
const image = document.getElementById("image");
const button = document.getElementById("button");

// add a listener to the button
button.addEventListener("click", function() {
  // set the image border color to the value of the input
  image.style.borderColor = input.value;
});

#image {
  width: 200px;
  border: 5px solid blue;
}

<input type=color id=color />
<button id=button>change</button>
<img src=https://upload.wikimedia.org/wikipedia/commons/thumb/6/66/SMPTE_Color_Bars.svg/1200px-SMPTE_Color_Bars.svg.png id=image>