将JavaScript计算函数添加到HTML表单

我试图在外部JavaScript中链接一个基本计算 表单非常简单，函数只是检查以确保步骤数是偶数。我已经检查了很多次代码，但是当我输入数字并点击submit时，什么都没有发生。有什么建议吗？看起来我只是没有将函数和输入元素正确链接。 代码如下：

函数evenNumbers（）{
var evenNumberBtn=document.querySelector（“按钮”）；
evenNumberBtn.addEventListener（“单击”，evenNumbers）；
var startNumber=parseInt（document.getElementById（“startNumber”）.value）；
var endNumber=parseInt（document.getElementById（“endNumber”）.value）；
var stepNumber=parseInt（document.getElementById（“stepNumber”）.value）；
而（开始编号+步骤编号试试这个：
在.js文件中

var evenNumberBtn = document.querySelector("button");
evenNumberBtn.addEventListener("click", evenNumbers);

我现在已经删除了您的实际代码，因为它存在一些问题，您可能会最终陷入无限循环（我确实删除了，它崩溃了）
函数evenNumbers（）{
//var evenNumberBtn=document.querySelector（“按钮”）；
//evenNumberBtn.addEventListener（“单击”，evenNumbers）；
var startNumber=parseInt（document.getElementById（“startNumber”）.value）；
var endNumber=parseInt（document.getElementById（“endNumber”）.value）；
var stepNumber=parseInt（document.getElementById（“stepNumber”）.value）；
而（startNumber+stepNumberevenNumber函数内的前两行必须在函数外，否则代码永远无法到达该块内

$( document ).ready(function() {

  var evenNumberBtn = document.querySelector("button");
  evenNumberBtn.addEventListener("click", evenNumbers);
  function evenNumbers() {
    /*

       your code here

    */
  }    

});

此外，evenNumbers中的逻辑似乎是错误的。您可能也需要对此进行更改。
我添加了这一点，但在按下submit时仍不执行任何操作