我如何从.txt文件插入文本到HTML元素与javascript?

Question

我有我的HTML文件，我有我的javascript文件，我有我的。txt文件，我想在浏览器中显示我的HTML文件的纯文本。

const fs = require("fs");
let fileUrl = "content";
let files = fs.readdirSync(fileUrl);
function kys(){
    let result = "";
for (i in files){
    result += fs.readFileSync("content/" + files[i]).toString();
}
return result;
}

这个文件从"content"文件夹。

<script src="../scripts/skripti.js"></script>

我已经添加了javascript文件在我的body标签在我的HTML文件，但我不能为我的生活弄清楚如何让它显示"结果"从函数返回的值。

最简单的方法可以是通过创建一个单独的javascript文件或添加到javascript文件代码，创建一个新的HTML标签和编辑InnerHTML元素，但我得到的错误是"文档">

这可能是由于我通过VSC扩展通过node.js测试网站?我也试过在浏览器(Chrome)中打开HTML文件，没有区别。

我也试过试图让函数返回结果到一个变量，但我运行到错误的"文档"one_answers";window"未定义

通过互联网查看唯一的解决方案似乎是安装npms，但我想保持这个尽可能简单，只是锁定模块似乎是不必要的膨胀。

创建一个脚本标签并尝试从我的HTML文件中调用函数似乎不起作用。

Tl;dr，我在文件中有文本，我想在网页中使用javascript文本，文本文件存储在本地(在我的计算机上)。

Answer 1

fs包是Node.JS特有的，不能在网页中使用。您可以用XMLHttpRequest或fetch()替换readFileSync，但是没有浏览器兼容的readdirSync替代品。为此，您需要使用索引文件(本质上是一个包含要下载的其他文件列表的文件)或提供目录内容列表的服务器API。