Javascript function to display items in an array as a vertical list?
<p>I'm developing a little website that allows the user to earn achievements based off a specific number of accomplishments. And I'm looking for a clean way to print the earned accomplishments on the screen from an Array. </p>

<p>Basically I want a vertical list display of an array that can update based on user interaction.</p>

<p>currently I have this:</p>

<pre><code>function win() {
check = Number(localStorage.snum);

switch(check) {

    case 50:
    prizes.unshift('50: You infant');
    localStorage.priz = prizes;
    document.getElementById('awards').innerHTML = prizes;
    break;

    case 100:
    prizes.unshift('100: big whoop');
    localStorage.priz = prizes;
    document.getElementById('awards').innerHTML = prizes;
    break; 
}
}
</code></pre>

<p>and in the html I have</p>

<pre><code>&lt;div id="numbox"&gt; &lt;/div&gt;
&lt;div id="awards"&gt;&lt;/div&gt;
</code></pre>

<p>Amongst other things. </p>

<p>I would ideally like an 'Achievement box" that displays the array as a vertical list.</p>

<p>Help?</p>

<p>EDIT: I took out <code>&lt;br /&gt;</code> That I had in there as a hackjob vertical list.</p>

<p>I guess an Array would look like <code>var prizes= new Array('50: You infant', '100: big whoop');</code></p>
