I am currently on a Chromebook using HTML, CSS, JS on repl.it, and I can't find a way to check the files in a folder.

I have a folder called objects containing a bunch of JSON files. I want the object dataQueue to hold every object, and I have got that working. But I don't want to have to specifically type out each file to make it run the function I made called getFile for every single file, as is done below in the code.

I am also trying to do this without any libraries (so I can understand everything), and also I want it to be able to run both as a site on the computer and on repl.it.

This is my current code:

//defined the dataQueue object where the object files 
//will be stored
var dataQueue={};
//a function to get files by just inputting their 
//filename and what i want to call them with in the future
function getFile(theFile,index){
  //sets to a new request
  var txtFile = new XMLHttpRequest();
  //works with any file type, gets the specified file
  txtFile.open("GET", theFile, true);
  //I don't know what this does
  txtFile.send(null);
  //runs when the file is recieved
  txtFile.onreadystatechange = function(){
    //test to make sure it is ready
    if(txtFile.readyState==4){
      //add object file to dataQueue object
      dataQueue[index]=JSON.parse(txtFile.response);
    }
  }
}

//get each file individually
getFile("objects/ship1.json","ship1");
getFile("objects/box1.json","box1");
getFile("objects/bigplatform1.json","platform1");
getFile("objects/bigbox1.json","bigbox1");

I want to be able to just add another JSON file to the objects folder and have it put in the dataQueue object without needing to add another getFile function.

I think a solution would be if I could somehow get a list of strings containing all of the filenames in the Objects folder, but I have tried finding a way to, and I couldn't find anything.

The question: How do I get each file name in a specific folder in a website's files?