JavaScript: Iterate Values

by MythOfEchelon

HTML

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

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            
            body {
                padding: 20px;
            }
            
            div {
                float: left;
            }
            
            ol {
                text-decoration: none;
                list-style-type: decimal;
                padding-left: 25px;
            }
            
            #wrapper {
                width: 250px;
            }
        </style>
        
        <script type="text/javascript">
            window.onload = dimVars();
            
            function dimVars(){
                count = false;
            }
            
            
            function outputValue(){
                if (count == false){
                    var resultElement = document.getElementById("result");
                    var textboxValue = document.getElementById("textbox").value;
                    for (var i = 0; i < 10; i++){
                        resultElement.innerHTML += "<li>" + textboxValue + "</li>";
                    }
                    count = true;
                } else {
                    return false;
                }
            }
        </script>
    </head>
    
    <body>
        <div id="wrapper">
            <div id="inputs">
                <input type="text" id="textbox" />
                <input type="submit" value="Output Value" onClick="outputValue()" />
            </div>
            
            <div>
                <ol id="result">
                    
                </ol>
            </div>
        </div>
    </body>
</html>