Online Currency Converter using JavaScript API--codenair.com

Online Currency Converter using JavaScript API

Online Currency Converter using JavaScript API

Hi Guys today we are going to learn how to create currency Converter using JavaScript API.
Use The below codes to create your own currency Converter using JavaScript API..

1. index.html

<script src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.geoplugin.net/ajax_currency_converter.gp" type="text/javascript"></script>
<style>
input[type=button]{
 padding:5px;
 border-radius:4px;
}
.option{
 width:160px;
 border-radius:4px;
 padding:4px;
}
input[type=text]{
 padding:5px;
 border-radius:4px;
 width:160px;
}
span{
 font-weight:bold;
 font-size:18px;
 color:green;
}
</style>
<table>
   <tr>
      <td><span>Amount:</span></td>
   <td><input type='text' id='gp_amount' size='4' /> </td>
   </tr>  
   
   <tr>
      <td><span>Convert From:</span></td>
   <td><select class="option" id="gp_from"></select></td>
   </tr> 
   
   <tr>
      <td><span>Convert To:</span></td>
   <td><select class="option" id="gp_to"></select></td>
   </tr> 
   
   <tr>
      <td></td>
   <td><input type='button' onClick='gp_convertIt()' value = 'Convert It' /></td>
   </tr> 
</table>
<div id="gp_converted"></div>
<script>gp_currencySymbols()</script>

Note: Run This code from Localhost..
That's it guys how to create currency Converter using JavaScript API..
Keep Visiting for More Codes..Thank You..