JavaScript: generare il Lorem ipsum

Il testo fittizio Lorem ipsum... viene usato come riempitivo per i siti ancora privi di contenuti testuali effettivi. In questo articolo vedremo come generare questo testo con JavaScript.

Quello che andremo ad implementare è una generazione di parole casuali prese da un array in base al numero di parole specificato come parametro della funzione:

var generateLoremIpsum = function(len) {
    var words = ['lorem',
                                        'ipsum',
                                        'dolor',
                                        'sit',
                                        'amet',
                                         '...'];
    var wordCount = (len > words.length) ? (words.length - 1) : len;
    var extracted = [];

    for (var i = 0; i < wordCount; i++) {

        var word = Math.floor(Math.random() * words.length);

        extracted[i] = words[word];


    }

    return extracted.join(' ');

};

Ed ecco un esempio pratico:

var generate = document.getElementById('generate'),
    length = document.getElementById('length'),
    result = document.getElementById('result');

generate.addEventListener('click', function() {
    var len = length.value;
    var text = generateLoremIpsum(len);
    result.innerHTML = text;
}, false);​

Potete visionare l'esempio finale in questa pagina.