无法获得动态图像时，单击后消失

Question

我真的不知道我在做什么。我正在尝试学习JS，从一开始就是一触即发。单击后，我想使浮动图像消失。我认为我的代码不正确。任何意见或建议的话都会有所帮助。

预先感谢， 马里奥

这就是我用来使图像消失的原因：

 function mousePressed(){
   if(dist(pagex, pageY, chip.xx, chip.yy) < chip/1){
     chip=false;
  }
}

Answer 1

最好在HTML元素上使用onclick，因为当直接单击该元素时，它将运行您的代码。无需手动检查坐标。

可以通过将CSS属性display设置为none来隐藏图像。

请参见以下示例：

function hideMe(element){
    element.style.display = 'none';
}

<img src="https://placekitten.com/408/287" onclick="hideMe(this);">