// Reference the color shape that was drawn over the image const overlay = document.getElementById("product-shape33"); // Click on a color var el = document.getElementsByClassName("color33"); for (var i = 0; i < el.length; i++) { el[i].onclick = changeColor33; } function changeColor33(e) { // get the hex color let hex = e.target.getAttribute("data-hex"); // set the hex color overlay.style.fill = hex; }