random font 2

by lovromar

HTML

<p>Hi you all</p>
<p>you Hi all</p>
<p>all you Hi</p>

CSS

.style-one {
    font-size: 1.2em;
    color: blue;
}

.style-two {
    font-size: 1.1em;
    color: green;
}

.style-three {
    font-size: 1.5em;
    color: red;
}

JavaScript

var myStyles = ["style-one", "style-two", "style-three"];

$(document).ready(function(){
    $('p').each(function(){ // selects all paragraphs
        var index = Math.floor(Math.random()*myStyles.length);
        var myClass = myStyles[index];  // get a random index from 0 to 2
        $(this).addClass(myClass);
    });
});