Question

I am currently learning Javascript, and I’d like to create my own Lorem Ipsum generator.

Basically, I would have a list of the paragraphs (in javascript, or in the HTML document?).

When the user presses the Generate button, it would then output 3 random paragraphs from the list.

I’ve looked around on here, but can’t really find anything that helps.

Thanks

Answer 1

You could simply have a Javascript Array and pick a random index and inject that paragraph into the DOM element. I’ve also updated the code to not repeat the previous random integer per your comment below.

Example (code untested)

//global to store previous random int
_oldInt = null;

var paragraphArray = ["Lorem ipsum delor...", "The great white...", "Chitty-chitty-bang-bang..."];  

//update element content (e.g. `<div>` with paragraph)
document.getElementById("MyID").innerHTML = pickRandom(paragraphArray);

var pickRandom = function(paragraphArray){
    //random index of paragraphArray
    var randomInt = Math.floor(Math.random()*paragraphArray.length);
    //ensure random integer isn't the same as last
    if(randomInt == _oldInt)
        pickRandom(paragraphArray);
    else{
        _oldInt = randomInt;
        return paragraphArray[randomInt];
    }
}