use button to chooce the color you want

button.markdown

gOPZwBj

A Pen by Justin Shi on CodePen.

License.

index.html

<canvas id = "d1">
</canvas>
<p><input type = "button" value = "change" onclick = "changeColor()"> 
</p>
<p>
   <input type = "color" value = "001A57" id = "cls" onchange = "doColor()">
</p>

script.js

function changeColor(){
  var dd1 = document.getElementById("d1");
  dd1.style.backgroundColor = "green";
}
function doColor(){
  var dd1 = document.getElementById("d1");
  dd1.style.backgroundColor = "green";
  var colorinput = document.getElementById("cls");
  var color = colorinput.value;
  dd1.style.backgroundColor =color;
}

style.css

canvas{
  width:200pt;
  height:100pt;
  margin:10px;
  border: 1px solid lightgray;
}