random font 3

by lovromar

HTML

<p>Hi you all</p>

CSS

.georgia{
    font-size: 2.2em;
   font-family:georgia;
}

.arial {
    font-size: 2.2em;
  font-family:arial;
}

JavaScript

var myStyles = ["georgia", "arial"];

$(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
        
        $('p').addClass(myClass);
        
 
        
        if ( $( "p" ).is( ".arial" ) ) {
		$("body").css("background", "green");
}
        else {
        $("body").css("background", "red");
        }
        
    });
    
    
    
});