JavaScript: Capitalize Words

by MythOfEchelon

HTML

<!-- This is just my HTML5 template. Make sure you set this up correctly for your personal needs. -->

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        
        <style>
            * {
                margin: 0;
                padding: 0;
            }
        
            html {
                font: 16px "Segoe UI", "Segoe WPC", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
            }
            
            div {
                float: left;
            }
        </style>
        
        <script>
            function convert(){
                var userInput_Element = document.getElementById("userInput");
                var userInput = userInput_Element.value;
                
                var words = userInput.split(" ");
            
                for (var i = 0; i < words.length; i++){
                    words[i] = words[i].split("");
                }
                
                for (var i = 0; i < words.length; i++){
                    words[i][0] = words[i][0].toUpperCase();
                }
                
                for (var i = 0; i < words.length; i++){
                    words[i] = words[i].join("");
                }
                
                words = words.join(" ");
                
                userInput_Element.value = words;
            }
        </script>
    </head>
    
    <body>
        <div id="page_Wrapper">
            <div id="content_Wrapper">
                
                <input type="text" id="userInput" />
                <input type="submit" value="Convert" onclick="convert()" />
                
            </div>
        </div>
    </body>
</html>