how to get pdf context into html?

for several days now I'm learning html, CSS and now javascript. What I need is a way to get the informations of an pdf document into my html webpage.

I tried several things now and couldnt find the correct answer or informations I need. So here come an use case:

1. get an .pdf document into a folder
2. get the information of all .pdf documents of the target folder (with the exact same formatting)
3. convert those information into html context
4. get this html context to show on the webpage (images and text)

1 is trivial, I can just drag and drop my documents

2 I'm thinking about something like an array, which then calls the folder to get data into it.

For this I found:

'use strict';
function getFiles(dir) {
  fileList = [];

  var files = fs.readdirSync(dir);
  for (var i in files) {
    if (!files.hasOwnProperty(i)) continue;
    var name = dir + '/' + files[i];
    if (!fs.statSync(name).isDirectory()) {
        fileList.push(name);
    }
  }
  return fileList;
}
console.log(getFiles('pathtodirectory'));

Here I'm always getting a reference error, no matter what the path, well I can use only a local path on my pc for now. I'm not 100% sure what everything does, but I think I got it good so far. This function just gets me a list of the documents to work with.

3 That's even more tricky for me now, but I think if I get the data to work with, I may be able to work something out.

4 I think I can do it with a little research

I am happy for any tips or solutions, as I said I'm quite new to all of this :)

regards,

Pascal