title: Print a different alert message for each button in Javascript
body: <p>I am trying to print out an alert for each button.  Button 1! should alert 'A Unicorn', Button 2! should alert "A Hug!" and Button 3! should alert "Fresh Laundry".  Instead, I get "Fresh Laundry" for each button.  </p>
  
  <pre><code>  &lt;button id="btn-0"&gt;Button 1!&lt;/button&gt;
    &lt;button id="btn-1"&gt;Button 2!&lt;/button&gt;
    &lt;button id="btn-2"&gt;Button 3!&lt;/button&gt;
  
    &lt;script type="text/javascript"&gt;
      var prizes = ['A Unicorn!', 'A Hug!', 'Fresh Laundry!'];
      for (var btnNum = 0; btnNum &lt; prizes.length; btnNum++) {
        var position = prizes[btnNum]
          // for each of our buttons, when the user clicks it...
          document.getElementById('btn-' + btnNum).onclick = function() {
              // tell her what she's won!
              alert(position);
          };
      }
    &lt;/script&gt;
  </code></pre>
  
  <p>How do I get each button to print out the proper alert?</p>