<style>
body{
background-color: black;
}
</style>
</head>
<body>
<input type="color">
<script>
let mybody = document.body;
document.onclick = function (e) {
let imgs = document.querySelectorAll("img");
[...imgs].forEach(ele => {
ele.remove()
});
let top = e.clientY;
let left = e.clientX;
let img = document.createElement("img")
img.src = "./img/07_01.gif";
img.style.position = "absolute";
img.style.top = top - 265 + "px";
img.style.left = left - 300 + "px";
mybody.append(img)
};
</script>