Javascript JS在代码笔中工作，但不在完整HTML文件的上下文中

我仍然是超级新的编码，所以不要苛刻地评判我的代码，但任何建议都是非常感谢的

我正在尝试使用electron构建一个预算跟踪应用程序。我有一个事务列表（表），我想让用户添加、编辑和保存行。我用codepen（或多或少）实现了它，但是在我完整的html文件的上下文中，什么都没有发生，我也不知道为什么

我将js文件（称为table.js）链接到结束body标记之前

我试着把我的JS包起来

$(document).ready(function (){ 
// your code goes here
});

不幸的是，这不起作用。不管怎样，代码如下：

表HTML（这+JS在codepen中工作）：

交易
日期
账户
类别
数量
我将注释掉您标记为完整HTML的代码的第11行和第12行，如果成功，我将研究从文件中删除它的含义enhzflep
调试器说什么？@enhzflep我不知道如何使用调试器，对不起。这是在我的代码编辑器（atom）中，还是您有关于调试器的建议？您的浏览器有一个！它是开发人员工具的一部分。如果使用Chrome，则热键为（Ctrl+Shift+I），访问商品的另一种方式是右键单击页面并选择“检查”。我能想到的所有浏览器都有一个调试器。好的，明白了。我认为是这样的：你应该把它作为一个答案，然后接受它，这样网站就可以从“未回答列表”中删除这个问题。如果答案被认为正确，您将获得声誉奖金。；）我认为甚至有一个徽章可以回答你自己的问题！