<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function
(){
$(
".thearray").keyup(function
(){
var t
= $(
".thearray");
//INPUT
var p
= /^[a-z]+$/;
//PATTERN FOR LOWERCASE LETTERS
var x
= []; //BLANK UNTIL 1ST "FOR LOOP"
var s
= ''; //BLANK UNIL 2ND "FOR LOOP"
//LISTS CAPITALIZED BEFORE LOWERCASE BY DEFAULT
//THEREFORE, WE MUST CAPITALIZED IF THE 1ST LETTER IS LOWERCASE TO SORT ALPHABETICALLY
//Ex: ("apple", "Banana", "pear") Banana would go first
for(i
=0; i
<t.length; i
++){
element
= t.eq(i).val();
//VALUE OF INPUT INDEX
if(element){
if(element[
0].
match(p)){
//IF THE FIRST LETTER IS LOWERCASE...
var u
= element[
0].
toUpperCase();
//FIRST LETTER BECOMES CAPITALIZED
z
= u
+element.
substr(
1);
//ITEM WITH NEWLY CAPITALIZED FIRST LETTER
} else {
z
= element;
//ITEM WITH AN ALREADY CAPITALIZED FIRST LETTER
}
x[i]
= z;
//ADDS ALTERED ITEMS IN BLANK ARRAY
}
else {
x[i]
= "";
//ADDS NOTHING IF INPUT IS EMPTY
}
}
x.
sort();
x.
reverse();
//"FOR LOOP" TO SHOW ALL OF NEW ARRAY
for(i
=0; i
<x.length;
i++){
s
+= x[i]
+"<br>";
//ITEM OF ARRAY
}
$(
"#array").html
(s
);
//SHOWS NEW ARRAY IN HTML
});
});
</script>
</head>
<body>
<input class=
"thearray">
<input class=
"thearray">
<input class=
"thearray">
<input class=
"thearray">
<input class=
"thearray">
<span id="array">
</body>
</html>
