var str = $("#str").val(); //STRING var p = $("#p").val(); //PADDING STRING var n = $("#n").val(); //PADDING LENGTH var d = n - str.length; //DIFFERENCE BETWEEN "n" AND NUMBER OF CHARACTERS IN "str" var padding = $("#padding").val(); //PADDING TYPE (left, right, both) var s = ''; //NULL VARIABLE UNTIL "FOR LOOP" var num =/^[0-9]+$/; //REGEX FOR NUMBERS, FOR A VALID "PADDING LENGTH"
if(n){
if(n.match(num)){ //IF "n" IS A NUMBER
if(n>str.length){ //IF "n" > NUMBER OF CHARACTERS IN "str"
//PADS "str" ACCORDING TO THE "PADDING TYPE" SELECTED
if(padding=='left'){
for(i=0; i<Math.ceil(d/p.length); i++){
s += p; //PADDING STRING BEFORE THE MAIN STRING
} if(s.length>d){
s = s.substring(0, d); //CUTS EXCESS LEFT PADDING
}
s += str; //MAIN STRING
} if(padding=='right'){
s = str; //MAIN STRING for(i=0; i<(d/p.length); i++){
s += p; //PADDING STRING AFTER THE MAIN STRING
}
} if(padding=='both'){
var div =(d/2);
//DIVIDED BY 2 TO PAD BOTH SIDES.
//THESE MAY BE DECIMALS
var left =Math.floor(div); //LEFTSIDE OF PADDING WOULD DROP THE DECIMAL var right =Math.ceil(div); //RIGHTSIDE OF PADDING WOULD ROUND TO THE NEXT WHOLE NUMBER
for(i=0; i<left; i++){ //THIS MAY BE A DECIMAL, THEREFORE WOULD ROUND TO THE PREVIOUS WHOLE NUMBER
s += p; //FIRST PART OF PADDING STRING BEFORE THE MAIN STRING
} if(s.length>left){
s = s.substring(0, left); //CUTS EXCESS LEFT PADDING
}
s += str; //MAIN STRING for(i=0; i<right; i++){
s += p; //SECOND PART OF PADDING STRING AFTER THE MAIN STRING
}
}
s = s.substring(0, n); //PADDED STRING, REMOVES EXCESS FROM THE RIGHT IF NECESSAR
$("#strpad").html(s);
}
else
{
$("#strpad").html("Pad length must be greater than the input string length.");
}
}
else
{
$("#strpad").html("Pad length must be a number.");
 Tutorial%20by%20W.C.E.T.%20Designs "Pin It")
0 
0
