Javascript 如何将此简单警报改为照片？

所以，我正试图构建一个简单的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!");
}

警报（距离）；
如果（距离<1）{
document.getElementById（“效果”）.innerHTML=“”；
}
否则{
提醒（“感谢您的登录！”）；
}

我做错了什么？以下是完整代码的链接：

谢谢，

---

Josh

代码没问题，只是您立即用以下行替换html：

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

document.getElementById（“geodisplay”）.innerHTML=
纬度：“+currentpositionlat+”
经度：“+currentpositionlon；

---

将其注释掉（用于测试姿势），您将看到图像正在显示。

谢谢！我仍在试图理解为什么它会起作用，但它确实起了作用。谢谢Sid@Josh因为首先将图像指定给innerHTML，然后立即用该代码替换它，所以图像永远不会被渲染，因为它会被立即删除。不过，只需标记问题并回答，以备将来的访客和好运；）