random font 3 kaos2

by lovromar

HTML

<p>Hi you all</p>
<span>Gfdaffao!</span>
<br><br>
<div class="je">JE</div>
<div class="nije">NIJE</div>
    <br><br><br>
    <div id="output">10</div>

CSS

.comic{
    font-size: 4.2em;
   font-family:Comic Sans;
    color:blue;
}

.arial {
    font-size: 4.2em;
  font-family:arial;
    color:red;
}
.je {
    display:block;
    width:100px;
    height:20px;
    background-color:gray;
    text-align:center;float:left;margin-right:20px;
}
.nije {
    display:block;
    width:100px;
    height:20px;
    background-color:gray;
    text-align:center;
    float:left;
}

JavaScript

$(document).ready(function(){
       
 var myStyles = ["comic", "arial"];
     var index = Math.floor(Math.random()*myStyles.length);
        var myClass = myStyles[index];
       $('p').addClass(myClass); 

$("span").click(function() {
 


     
    
 $('p').each(function(){
    
     var index = Math.floor(Math.random()*myStyles.length);
      var myClass = myStyles[index];
     
      $('p').addClass(myClass); 
     
     
     
if ( $( "p" ).is( ".arial" ) ) {
 $('#output').html(function(i, val) { return val*1+1 });
    alert("arial");
} else {
     $('#output').html(function(i, val) { return val*1-1 });
alert("Comic sans");
    
}
    
         
         
});
});
       
       
            
          

            
     
           
            
            
            
            
            
            
    
    
       
       });