can't get javascript function to execute
<p>I'm a beginner with Javascript and can't get the code below to work. When I click the button, nothing happens. Could someone point out what I did wrong? Thanks!</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Sarah's Puppy Game&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id="input"&gt;
        &lt;input id="puppyNumber" size=30&gt;
        &lt;button onClick="doLoop()"&gt; Get your puppies &lt;/button&gt;
    &lt;/div&gt;
    &lt;script type="text/html"&gt;
        function doLoop() {
        var number = document.getElementById('puppyNumber').value;
            var puppy = [];
            while (var i = 0; i &lt; parseInt(number); i++) {
                puppy = puppy.push('puppy&lt;br&gt;');
            }
            alert(puppy);


        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
