如何从浏览器中的文件结构加载SQLite数据库？

Question

我最近开始使用here的教程制作一个Pokemon战斗模拟器来学习JavaScript，但我想通过添加数据库使其更进一步。我在GitHub找到了一个预制作品。我的问题是如何根据此file structure加载数据库？我尝试使用sql.js但没有成功。

在我的HTML文件中，我添加了行<script data-main="js/main" src="js/require.js"></script>，以使require方法适用于requirejs

在main.js内，我有：

    var sqliteDatabase;

function loadBinaryFile(path, success) {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", path, true);
    xhr.responseType = "arraybuffer";
    xhr.onload = function () {
        var data = new Uint8Array(xhr.response);
        var arr = [];
        for (var i = 0; i != data.length; ++i) arr[i] = String.fromCharCode(data[i]);
        success(arr.join(""));
    };
    xhr.send();
}

require(['js/sql.js'], function (sql) {
    loadBinaryFile('db/pokedex.sqlite', function (data) {
        sqliteDatabase = new sql.Database(data);
    })
});