Small snippet of JS to generate some random looking text instead of using lorem ipsum.

!README.md

Random-Looking Text

Small snippet of JS to generate some random looking text instead of using lorem ipsum.

Usage

In HTML put some <span class="random-text"></span>

random-text.js

const letters = {
	vowels: 'aeiou'.split(''),
	consonants: 'bcdfghlmnpqrstvz'.split(''),
};

function randomElement(list) {
	return list[Math.floor(Math.random() * list.length)];
}

function randomSyl() {
	return randomElement(letters.consonants) + randomElement(letters.vowels);
}

function randomWord(minSylLen = 1, maxSylLen = 4) {
	const randomSylLen = Math.floor(Math.random() * (1 + maxSylLen - minSylLen)) + minSylLen;
	
	return Array(randomSylLen).fill(0).map(() => randomSyl()).join('');
}

function randomPhrase(minWords = 5, maxWords = 50) {
	const randomWordCount = Math.floor(Math.random() * (1 + maxWords - minWords)) + minWords;
	
	const phrase = Array(randomWordCount).fill(0).map(() => randomWord()).join(' ');
	
	return phrase[0].toUpperCase() + phrase.slice(1);
}

document.querySelectorAll('span.random-text').forEach($el => {
	$el.innerText = randomPhrase();
});