Javascript 标识符'；x'；已声明无法读取属性'；增补列表器'；空的

提交搜索结果的简单表单

<form>

    <label for="searchTerm">Search Term</label>
    <input type="text" id="searchTerm" name="searchTerm">
    <button type="submit">Search</button>

</form>

我有两个错误

未捕获类型错误：无法读取null的属性“addEventListener”

---

未捕获的语法错误：标识符“form”已通过

文档声明。querySelector（）

最好使用元素id

\someId

或类说明符
.someClass
或两者的组合。看

至于它为什么抱怨
表单
：它显然已经在别处定义了，只需选择一个更独特的名称，或者将代码包装到函数中，然后调用该函数即可


const form=document.querySelector（“#theForm”）；
控制台日志（“表格：+表格”）；
常量输入=document.querySelector（#searchTerm”）；
表格。附录列表（“提交”，表格提交）；
函数formSubmitted（）{
//...
}

搜索词
搜寻
愚蠢的错误：我在同一个文件中导入了同一个主文件两次

<script src="main.js"></script>


请告诉我们您是如何在html中安排代码的？收到我的愚蠢错误@kai感谢您的早期响应第一个问题可能是因为您在dom准备好之前捕获表单。第二个原因是您已经声明了一个变量/常量。对于您提供的代码，没有任何错误，我们需要更多的上下文谢谢peter，但错误是其他原因
<script src="main.js"></script>