我正在一个测试站点上重新创建一个基于javascript的计算器：https://verbal-masai.jurassic.ninja/calculator/。受此网站启发:https://thevegancalculator.com/#calculator.

所以，我将javascript和css代码添加到我的站点（附在下面）。我用HTML设计了这个页面。但是由于某种原因，当我单击'calculate'时，什么也没有发生。我很确定问题出在我的html中，它没有正确地引用js代码，所以什么也没有发生。下面是我用于“月份”字段、“计算按钮”和“加仑水”字段的html。如果有人能指出我在html字段中缺少的地方，我可以自己修复其他html字段。谢谢。

在Chrome的开发工具中，我看到两个错误，但我不知道如何修复它们。

错误1:

Uncaught SyntaxError: Unexpected token '<'

错误2:

Uncaught SyntaxError: Unexpected token '<'

注意：此页面位于https://jurassic.ninja，这是一个wordpress测试网站，因此如果您需要后端访问以解决问题，请告诉我，我将提供登录信息。

JS代码

Uncaught SyntaxError: Unexpected token '<'

CSS代码

Uncaught SyntaxError: Unexpected token '<'

月份HTML

Uncaught SyntaxError: Unexpected token '<'

按钮HTML

Uncaught SyntaxError: Unexpected token '<'

加仑水html

Uncaught SyntaxError: Unexpected token '<'

顺晟科技：

终于管用了！感谢@Ugene评论将$更改为jQuery。做了那件事之后，一切都奏效了。对于其他寻找答案的人来说，希望这能有所帮助。WordPress自带jQuery库，默认情况下处于“兼容模式”，因此它不会与其他javascript库冲突。这也意味着$在脚本中不起作用。只需将其更改为jQuery，只要您的HTML编码正确，其他一切都将就绪。