我在一个独立于HTML的文件中创建了一个函数，我想在select值发生变化时调用这个函数，但它说这个函数没有定义。 由此错误:

未捕获的ReferenceError:HtmlSelectelement.OnChange中未定义filterByClass（问题:149)

这是进行调用的HTML:

<select id="filter" onchange="filterByClass();">
    <option value="{}">{}</option>
</select>

选择不重要。

这是独立文件中的javascript:

function filterByClass() {
    const sqlite3 = require('sqlite3').verbose();
    var db = new sqlite3.Database("../sql/homework.db");
    var classId = [];

    db.all("SELECT * FROM class WHERE className = ?", [document.getElementById("filter").value], (err, row) => {
        row.foreach(function (row) {
        classId.push(row.id);
            var questionId = document.getElementsByClassName("question");
            if(row.id != document.getElementById(row.id)) {
                document.getElementById("filter").style.display = "none";
            }
        });
    });

    db.close();
}

我知道我的代码可能不对，但那是因为我还在学习JavaScript。

另外，我使用browserify来使用require，并将其转换为bundle.js。 这是指向bundle.js:的头部链接。

顺便说一下，这是我第一次在单独的文件中使用javascript，因为我通常只是直接将代码放在头部。