Javascript 如何将nodejs文件与html文件一起使用？

我在HTML和JAVASCRIPT中有一个前端。我需要从nodejs文件中获取值，并将其显示在HTML标签中。因此，我创建了新的节点js文件node.js，如下所示：

const Web3 = require('web3');
const web3 = new Web3('https://kovan.infura.io');

web3.eth.getBalance('0x9E632F36D8193a23ee76e7C14698aCF4b92869A2').then(console.log);

我将此文件包括在脚本标记中，如下所示：

 <script src="node.js"></script>

首先，我想在控制台中查看输出，但它给出了一个错误

未捕获引用错误：未定义require

因此，我直接在脚本标记内的HTML文件中尝试这段代码，但不包括节点文件，但仍然给出相同的错误。

---

有人能帮我吗？我是一个新来一起使用这一切的人。

不知怎的，我设法找到了一个解决办法。我使用了browserify，这使得我可以很容易地从我的web应用程序中运行nodejs代码。 浏览器没有定义require方法，但Node.js有。使用Browserify，您可以编写使用require的代码，就像在Node中使用require一样

browserify将递归分析应用程序中的所有require（）调用，以便构建一个捆绑包，您可以在单个标记中为浏览器提供服务。

---

我引用了这个链接：

这里有一个很好的解释，解释了为什么不能使用前端文件中的节点内容。您必须创建一个节点服务器来创建包含所需信息的文件，例如EJS模板。基本上，节点内容只在服务器上可用，在浏览器中不可用。我理解为什么会出现这个问题。但如何解决这个问题呢？奉献者，你能解释一下为什么要献身于我的答案吗？