Currency Exchange Calculator using API

Here are some examples of the output I want: [login to view URL] [login to view URL] I want to create a webpage where the webpage automatically pulls the live current exchange rate from a free website (such as [login to view URL] api data or XE or elsewhere) and then a user can enter the amount of currency they want to buy or sell and the website will populate what the amount will be in the converted currency. This basically helps them calculate a real time currency exchange. I only want to focus on USD and CAD. (2 currency pairs but may want to expand to EUR and GBP). For example, the website will show a selection BUY US Dollars with Canadian dollars. The user enters the amount of US dollars they want to buy in a blank field and then they click convert and the website will pull a live FX feed for Canadian to USD and then it will show the user the amount of Canadian required to buy US dollars. Step 1: User indicates Buy Us dollars and pay with Canadian dollars Step 2: User indicates buy 10,000 USD in a field Step 3: Webpage pulls the live rate and then shows a rate of 1.0700 USD/CAD and 10,700 Canadian as the amount. Step 4: The website will show to buy USD 10,000, you need to provide 10,700 Canadian. If a button is pushed, this gets emailed to me or logged.