JS - Learn - Reverse object 3

Object Reverse with Caps/lower

by webspicer

HTML

<p><span>Normal Name ==  </span><span id="normalName"></span></p>

<p><span>Reverse commas ==  </span><span id="reverseC"></span></p>

<p><span>Reverse without commas ==  </span><span id="reverseWC"></span></p>

<p><span>Reverse Captial Case ==  </span><span id="reverseCaptial"></span></p>

<p><span>Reverse Lower Case ==  </span><span id="reverseLower"></span></p>

JavaScript

var name = "Bharani";

document.getElementById("normalName").innerHTML = name;

var reverseValue = Array();
var reverseValueCps = Array();
var reverseValueLower = Array();

for(var i=name.length-1;i>=0;i--) {
	reverseValue.push(name[i]);
	reverseValueCps.push(name[i].toUpperCase());
	reverseValueLower.push(name[i].toLowerCase());
}

document.getElementById("reverseC").innerHTML = reverseValue;

document.getElementById("reverseWC").innerHTML = reverseValue.join("");

document.getElementById("reverseCaptial").innerHTML = reverseValueCps.join("");

document.getElementById("reverseLower").innerHTML = reverseValueLower.join("");