Google chrome 如何为Chrome提供搜索特定站点的扩展功能

我正在尝试做一个Chrome浏览器扩展，让你可以搜索我的网站。网站上的搜索框起作用。但当我将相同的HTML代码添加到扩展文件中时，它就不起作用了。以下是“我的搜索”框的代码：

将不执行内联JavaScript。此限制同时禁止内联块和内联事件处理程序（例如

）

您必须执行以下操作：

file.html

<script src="file.js"></script>
...
<form class="text-center" id="searchGuides" action="https://www.arcanumgaming.com/game" method="GET">
     <input type="hidden" name="a" value="search" />
     <input type="hidden" name="g" value="grand-theft-auto-v" />
     <div >
            <input type="text" name="searchVal" class="searchField" placeholder="Search Game Content"  />
     </div>
     <div >
            <a href="#" class="searchBtn">Search Content</a>
     </div>
</form>

function clickHandler() {
  document.getElementById('searchGuides').submit();
}
document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('a').addEventListener('click', clickHandler);
});