Currency Converter | HTML, CSS, JavaScript Tutorial

Hey Everyone, Welcome Back to my JavaScript tutorial. In this tutorial, I am going to show you, how to create a Currency Converter, using HTML, CSS and JavaScript.
-------------------------------------------------
EDIT (15/12/23):

The ExchangeHost API now requires an API key to work. They also seem to have changed their endpoints. To keep most of the code same, follow below steps:

2. Update the requestURL variable in the code to below, replacing api_key with your API key.

-------------------------------------------------
Links:
-------------------------------------------------
-------------------------------------------------
Timestamps:-

0:00 - Introduction
1:00 - Writing HTML Code
1:10 - Including Material Icons
1:21 - Continue HTML Code
4:25 - Importing Yantramanav Font
4:54 - Writing CSS Code
13:30 - Writing JavaScript Code
26:20 - Final Preview
27:08 - Outro

[SharnavTech]

• EDIT 2 (20/4/24):


1. Update the requestURL variable in the code to below, replacing <api_key> with your API key.


2. Now inside the fetchRates function change the line to:

rates = res.conversion_rates; //previously was rates = res.rates;

• EDIT 1 (15/12/23):

The ExchangeHost API now requires an API key to work. They also seem to have changed their endpoints. To keep most of the code same, follow below steps:

1. Sign up on fixer.io website and get your API key.
2. Update the requestURL variable in the code to below, replacing <api_key> with your API key.


Note: The free API only allows HTTP access. So any requests from HTTPS server to API would be blocked.

[Kinglipaz]

Amazing video man it works like a charm🤩but i have a question. Regarding the API is there a limit to how much request i can make

[Abu.Mahmad]

hello brother i have a problem with the ui. the two boxes are stacked up each other with the swap_horizon in the middle and the result button is just under the result box. The result button is also not stretched uplike in youres. like
_
_
_
like this but i want it like youres could you please help me

[buffmage]

The specified value "NaN" cannot be parsed, or is out of range.

i am getting this error what should i do

[SylviaKhan]

with this same code, neither my currency rate is showing nor currency types in the drop downs.
Can any one tell why ?

[webdevelopmentlearn]

I am getting error at line : 48 saying cannot rea properties of undefined ( reading 'value')

[deltapaplo]

Do API Does it work whenever the transaction changes or does it change??

[asireddyraju]

How to get country names
In final output
Please tell us

[torukaa.]

Pls could u tell me the theme extension u r using

[TheCodeWhisperero]

what is wrong with you brother? you wrote for source code, download in the link, but it is paid.
Become a Patron to gain access to source code of this program!