Playing with Strings : String « Language Basics « JavaScript DHTML

Playing with Strings

<TITLE>String Play</TITLE>
function capWords(str){ 
   var words = str.split(" "); 
   for (var i=0 ; i < words.length ; i++){ 
      var aWord = words[i]; 
      var firstLetter = aWord.substr(0,1);
      var rest = aWord.substr(1, aWord.length -1) 
      words[i] = firstLetter.toUpperCase() + rest 
   document.theForm.results.value = words.join(" "); 
function countWords(str){ 
    var count = 0; 
    var words = str.split(" "); 
    for (i=0 ; i < words.length ; i++){ 
       if (words[i] != "") 
          count += 1; 

   document.theForm.results.value = "(" + count + ")"; 
function revWords(str){ 
   var words = str.split(" "); 
   var j = words.length - 1; 
   var backWords = new Array(); 
   for (i=0 ; i < words.length ; i++){ 
      backWords[j] = words[i]; 
   document.theForm.results.value = backWords.join(" "); 
function revString(str) { 
   var retStr = ""; 
   for (i=str.length - 1 ; i > - 1 ; i--){ 
      retStr += str.substr(i,1); 
   return retStr; 
<FORM name="theForm">
<tr><td colspan=5> Enter a text string: </td></tr>
<tr><td colspan=5><TEXTAREA name=inStr rows=5 cols=90></TEXTAREA>/td></tr>
<tr><td><INPUT type=button value="Capitalize Words" onClick="capWords(document.theForm.inStr.value)";>
</td><td><INPUT type=button value="Count Words" onClick="countWords(document.theForm.inStr.value)";>
</td><td><INPUT type=button value="Reverse Words" onClick="revWords(document.theForm.inStr.value)";>
</td><td><INPUT type=button value="Reverse String" onClick="document.theForm.results.value = revString(document.theForm.inStr.value)";>
<INPUT type=button value="Clear" onClick='document.theForm.inStr.value=""';>
</td></tr><tr><td colspan=5>
<br><hr> Results<br>
<td colspan=5>
<TEXTAREA name=results rows=5 cols=90>
<td colspan=5>
<INPUT type=button name="theButton" value="Clear Results" 

Related examples in the same category

1.Demo all String methods
2.String utility: word count, replace and capitalize
3.Strip Commas
4.Text Range Search and Replace (IE only)
5.Counting the Words in a Text String
6.Reversing a String
7.Trimming a String Using Regular Expressions
8.String encode and decode
9.Capitalizing the First Letter in Each Word of a String
10. Using the String Object's Link Method
11.Using a for Loop to Reverse a String
12. Concatenate JavaScript String
13.String length: number of characters in a string.
14.String fontcolor(): a string in a specified color
15.String indexOf(): string position
16.String Validation
17.Using Quotes within Strings
18.Using the String Object
19.String toUpperCase
20.Lab for string.replace() and
21.Slicing a String
22.A String Object Prototype
23.Creating a Custom toString() Method
24.Reading a Portion of a String
25.Source Code for a Sample Page That Formats a String Object with the 'a' Tag
26.Source Code for Our String-Formatting Script
27.Adding a replace() Method to the String Object
28.Creating a Function That Will Search and Replace in Strings
29. Using the indexOf() Method to Find All Occurrences of the Letter e in a Sentence
30.Methods and Properties of the String Object
31.String match(): returns the text if found
32.String substr() and substring(): returns a specified part of a string
33.String toLowerCase() and toUpperCase(): converts a string to lowercase and uppercase
34.Converting Strings to Upper Case
35.String encoder
36.Concatenate two string variables together
37.Search string value in an array