谷歌自定义搜索引擎执行不显示结果

Question

学习网络应用程序。我经常参与固件和桌面应用软件的开发。我以前做了一些网页，但没有那么强烈说出一个称职的前端。后端我可能会更有信心。

无论如何，我跟着开发中的基本内容包括脚本：

<script>
  (function() {
    var cx = 'XXXXXXXXXXXXXXXXX:XXXXXXXXX';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<div class="gcse-searchbox" data-gname="hobbyinfo"></div>
<div class="gcse-searchresults-only" data-gname="hobbyinfo"></div>

然后是一个按钮，onclick将调用将执行搜索的javascript函数。

function doSearch() {
    google.search.cse.element.getElement('hobbyinfo').execute('archery');
}

当我测试Web应用程序并将射箭放在搜索框上并单击搜索时，会显示搜索结果，但是当我使用doSearch（）时，没有显示任何内容。我只是在学习google cse，facebook api和mojolicious。但我认为我正在正确实现onclick，因为我使用简单的视图页面，我可以看到html文本。

我不确定它是否正确使用“google.search.cse.element.getElement（'hobbyinfo'）。execute（'archery'）”因为我使用HTML5“div class =”gcse-searchbox“.. 。“就像我说的，我不是一个经验丰富的前端开发人员。使用google.search.cse是否仍然正确...如果我使用'div class =“gcse -...'创建搜索框和搜索结果？

我不认为这是因为我仍然只是在虚拟机上工作并且还没有真正的虚拟主机区域，结果显示出来了。有人可以告诉我是否是这种情况？

虽然我在搜索框上手动搜索时会显示搜索结果。