我希望这是个合适的地方，我是html和javascript的新手。我想做一个简单的“游戏”。我遇到的问题是，每次你点击不同html屏幕中的任何图像时，该图像的功能都会被执行。它没有顺序。例如，你可以按下一个图像，它应该是在游戏结束时，即使你刚刚开始它。我想我知道问题出在哪里，但不知道如何解决。
我相信这与我的html代码的这一部分有关：`

<img id="img1" src="map.jpeg" onclick="myFunction()"/>

这意味着每次单击图像时，都会执行函数“myFunction（）”。
下面是myFunction代码，它显示一个“you have found the map”框，然后在html文件中显示一个display：“none”的图像：

var r = confirm("You have found the map!");
  if (r == true) {
    document.getElementById("img2").style.display = "inline";
  } else {
  }
}

我想我的问题的解决方案可能是在javascript函数中加入onclick=“myFunction（）”部分，它首先检查图片是否被点击过（一次），然后继续我设置的条件。有什么方法可以做到这一点吗？感谢任何帮助！