Javascript 未捕获引用错误：在htmlanchoreElement.onclick（index.html:49）中未定义搜索所有

我基本上调用了一个名为search\u for_all（）的函数，该函数位于一个JS文件中，位于我HTML页面中按钮的onclick事件中。但是我不断地得到上面的错误

我应该在HTML文件的

标记中打印函数的结果。下面是包含onclick事件的代码-

文件

---

我使用的是

document.getElementById（“output”）.innerHTML在我的JavaScript函数中打印其结果。
使用内联事件处理程序是一种不好的做法，会导致代码分解不良，难以管理。认真考虑用JavaScript附加事件，例如：

如果将侦听器附加到定义函数的同一作用域中，则它应该可以正常工作。例如：

HTML:

<a id="files" class="btn btn-block btn-lg btn-primary">Files</a>

// ... lines of code ...
// declaration of search_for_all function:
function search_for_all(url, param1, param2) {
  // ...
}
document.querySelector('#files').addEventListener('click', () => {
  search_for_all('https://demo.dataverse.org', 0, 'file');
});