Javascript使用变量通过按钮创建url

Question

我的网站上有一个按钮，单击该按钮会生成一个单词。然后在 url 调用中使用该词来下载特定文件。

 <button class="button1" onclick="myFunction()">cafe</button>
 var cafe = [];
 function myFunction() {
 cafe.push('cafenew');

下面的第二段代码将“cafenew”这个词插入到 var cafe（单击按钮时）并将其插入到 url 地址中：

 name=cafe

 var src = "https://www.dropbox.com/s/"+name+".kml?dl=1";

但由于某种原因，这不起作用。正在加载的文件是 web 地图上的一个图层。我检查了url地址，一切都是正确的。我使用以下方法对此进行了测试：

 var cafe = "cafenew" 

并且图层正确加载，但如果我修复变量等于什么，我显然会失去按钮的功能。

提前感谢您的帮助！

Answer 1

试试这个效果很好：

HTML：

<button class="button1" onclick="myFunction();">cafe</button>

脚本：

 var cafe = [];
 window.myFunction = function() {
 cafe.push('cafenew');
 console.log(cafe);
 var name = cafe[0];
 var src = "https://www.dropbox.com/s/"+name+".kml?dl=1";
 console.log(src);
 }

工作小提琴： https://jsfiddle.net/8etxu8pr/