I am in the process of developing my own lorem ipsum application and keen on maintaining clean code by storing my word bank in separate files. How can I retrieve an array stored in a different JavaScript file? Rather than manually inputting harry = ["", "", ""], my goal is to store this information in an external file and then simply incorporate that data into the array.
// generator.js
function GenerateNewText(){
this.sentences = [
harry = [
"I am the chosen one!",
"Boy wizard",
"Quidditch seeker"
ron = [
"I am a Weasley",
"Gryffindor",
"Quidditch keeper"
]
]
}
GenerateNewText.prototype.getRandomSentence = function() {
let randomSentence = this.sentences[0][Math.floor(Math.random() * this.sentences.length)]
return randomSentence;
}
Presently, there exists a file named harryText.js which consists of:
// harryText.js
harryText = [
"I am the chosen one",
"I am a Gryffindor",
"I am a boy"
]
module.exports = harryText;
However, when attempting to utilize this in generator.js, the error harryText is not defined arises.
function GenerateNewText(){
this.sentences = [
harryText, <---- error here
ron = [
"I am a Weasley",
"Gryffindor",
"Quidditch keeper"
]
]
}
I have tried importing it using
const harryText = require("./harryText.js")An attempt was made to install ejs and change harryText.ejs followed by including it as <%= include harryText %> in the generator array, however, this resulted in invalid code.
Is it feasible to fetch an array from another file and embed it within a different array? Is there anyone who possesses a solution to this?
Also, I am aware that a Harry Potter Ipsum already exists. The text I am working with is solely for practice purposes.