I am trying to teach myself a little bit of Javascript. Something I have always wanted to do.

From an example I found on the web, you select the qty from the drop down menu, which is then multiplyed to the value 0.10
The output of this calculation is then displayed in the div

I added the body onload() so that when the page is accessed the function is initiated. The qty 1 is already selected and automatically calculated.
It kind of works but the result I get in the div is 0.01

Wondering if someone could help me out here. Code is below

HTML Code:
<body onload="dropdownTip(0.10);">

<script type="text/javascript">
function dropdownTip(value){
    console.log(value);
        document.getElementById("result").innerHTML = (value * 0.10).toFixed(2);
    }
	</script>

<select onChange="dropdownTip(this.value)" name="quantity" style="margin-right:10px; margin-top:2px;">
    <option selected="selected" value="1">1</option>    
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
</select>

<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="8">&pound;</td>
    <td width="178"><div id="result"></div></td>
  </tr>
</table>