Trying to load a text file into a <p> tag, why is it not working?

Question

I've been looking at other stackoverflow questions pertaining to this and I do not understand why this snippet of code is not working. Right now I am first just trying to get the text to console log to see if it will work at all. I am following line-by-line other people's code it will just not work for this case, and I am unsure why.

const file = "1.txt";

let reader = new FileReader();

reader.onload = (e) => {
    const file = e.target.result;
    const lines = file.split(/\r\n|\n/);
    console.log(lines.join('\n'));
};

reader.readAsText(file); 

Answer 1

For anyone else having this specific issue I found that the fetch() function was the key to my issue. If you do something like:

fetch('1.txt')
  .then(response => response.text())
  .then(data => {
      // Do something with your data
      console.log(data);
  });

Thank you to all the comments I received it helped me find this solution!