如何从javascript函数加载新的测验Q

我正在用地图做一个地理测验。我有这个功能随机加载不同的国家名称

<h1>Can you locate

<script type="text/javascript">

generateCountry();


function generateCountry(){

filenames = [ "Greece", "France", "Italy", "United Kingdom", "Germany" ];

filename = filenames[Math.floor(Math.random()*filenames.length)];

document.write(filename);
}


</script>
on the map?
</h1>

你能找到吗
生成国家（）；
函数generateCountry（）{
文件名=[“希腊”、“法国”、“意大利”、“英国”、“德国”]；
filename=文件名[Math.floor（Math.random（）*filenames.length）]；
document.write（文件名）；
}
在地图上？

我正在使用谷歌地图，当我用一个功能点击正确的国家时，我会得到一个关于我是对还是错的警告

   function getCountry(latLng) {
              geocoder.geocode( {'latLng': latLng},
                function(results, status) {
                  if(status == google.maps.GeocoderStatus.OK) {
                    if(results[0]) {
                      for(var i = 0; i < results[0].address_components.length; i++) {
                        if(results[0].address_components[i].types[0] == "country") {
                          if(results[0].address_components[i].long_name == filename) {
                              alert("right");

                                generateCountry();

                           } else {
                              alert("wrong");

                           }
                        }
                      }
                    }


                    else {
                      alert("No results");
                    }
                  }
                  else {
                    alert("Status: " + status);
                  }
                }
              );
      }  

函数getCountry（latLng）{
geocoder.geocode（{'latLng'：latLng}，
功能（结果、状态）{
if（status==google.maps.GeocoderStatus.OK）{
如果（结果[0]）{
对于（var i=0；i

当测验开始时，我看到第一个问题，例如：你能在地图上找到法国吗？ 地图反应良好。当我点击右键时，后面的地图似乎在filename变量中识别出一个新的国家，就像当我点击其他国家时，我最终在德国获得了一个权利一样。所以地图看起来是对的。问题是上述问题的名称并没有从法国改为德国。我需要做什么才能在单击第一个问题右侧的“确定”警报后加载新的国家名称，当然不需要重新加载整个页面？我知道我可能没有用最好的方法来做这件事，所以任何帮助和指导都将不胜感激

相反，在文本中放置一个空白的span，并给它一个id，如下所示：

<h1>Can you locate <span id="country"></span> on the map?</h1>

---

这样做的另一个好处是，脚本不必在<代码> H1 的中间；您可以将其移动到

头部

或

主体的末端

，具体取决于您的喜好。

它起作用了！你说得对，这样更方便。非常感谢你！！

document.getElementById('country').textContent = "Germany";