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

Question

因此，我正在尝试构建一个简单的 Web 应用程序，该应用程序来自我借来的图书馆书籍“Coding for Dummies”。当我点击一个按钮并且我距离一家特定的餐厅不到 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

谢谢，乔什

标签： javascript

Answer 1

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

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

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