如何将这个简单的警报更改为照片？

Question

因此，我正在尝试构建一个简单的Web应用程序，该应用程序来自于我借的一本图书馆书，即“傻瓜编码”。当我单击一个按钮，并且距某家餐厅不到1英里时，我会收到一条警报“您将获得免费汉堡”。我可以正常工作，但是当我尝试将警报更改为汉堡的照片时，什么也没发生。

代码如下：

alert(distance);

  if (distance < 1) {
   document.getElementById("effect").innerHTML="<img 
   src='https://i.imgur.com/W5ICO9j.jpg'>";
}
  else {
  alert ("Thanks for checking in!");
}

我在做什么错？这是完整代码的链接： https://codepen.io/JoshNerd/pen/YOYxYM

谢谢， 乔什

Answer 1

代码还可以，只是您立即用以下几行替换html：

document.getElementById("geodisplay").innerHTML =
"Latitude:" + currentpositionlat + "<br>Longitude:" + currentpositionlon;

注释掉（出于测试目的），您将看到正在显示图像。