jQuery addClass example

Change class name on click in jQuery

by SHELDON PASCIAK

HTML

<IMG style="position:absolute;top:0;left:0;" SRC="https://pasciak.com:3000/images/2020-02-06t21-11-45.977z-paper.png.jpg">
<div id="textplace" style="font:12px verdana;position:absolute;left:80px;"class="letterP4"></div>

CSS

img {
  
 width:400px;
}

* {
  
  color:black;
}

.letterP3 {    
  -webkit-transform: rotate(90deg); 
     -moz-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
       -o-transform: rotate(90deg); 
          transform: rotate(90deg);
            color: #000;
            font-size: 22px;                
            height: 200px;
            width: 200px;
float: left;        
    vertical-align:top;    
}

.letterP4 {    
  -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg); 
       -o-transform: rotate(-90deg); 
          transform: rotate(-90deg);
            color: #000;
            font-size: 22px;                
            height: 200px;
            width: 200px;
    float: left;
    vertical-align:top;
}

JavaScript

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

var l1=getParameterByName("line1");
var xx=prompt("your text","TO: people, ------ deadly stuff, it_goes through the_air");
//var xx=prompt("your text","all the evidence against me.");
var arr=xx.split(" ");

var jj="";

for (var i=0;i<arr.length;i++){
jj+= arr[i]+"<BR>";
if (i==3) jj+="<BR>";
}

$('#textplace').html(jj);