Currency Converter | HTML, CSS, JavaScript Tutorial

[@SharnavTech]

• EDIT 2 (20/4/24): Seems like fixer.io asks for credit card info. If you don't have one, signup on app.exchangerate-api.com and get your API key. 1. Update the requestURL variable in the code to below, replacing with your API key. "v6.exchangerate-api.com/v6//latest/USD" 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 with your API key. "data.fixer.io/api/latest?access_key=" Note: The free API only allows HTTP access. So any requests from HTTPS server to API would be blocked. • Download Source Code:- www.patreon.com/posts/65002658

[@SharnavTech]

@Youssouf Merrouche Hey, you need to become a patron to be able to download source code. You can go for the $1 tier.

[@cs8529]

Thanks for sharing, such a cool vid.

[@SharnavTech]

You are most welcome!

[@akasai]

@@SharnavTech Sir I'm getting NaN as the output

[@SharnavTech]

@@akasai Check for any typo in convert or displayRate function

[@vedantgondhalekar8951]

very nice

[@SharnavTech]

Thanks man!

[@deepanjalimahajan9553]

Nice Video

[@SharnavTech]

Thank you!

[@torukaa.8393]

Excellent work Bro😎

[@SharnavTech]

Thanks man!

[@Kinglipaz1]

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

[@SharnavTech]

Thanks for the appreciation! As for the API, their website says 'All API requests are subject to rate limits.' They haven't mentioned the limit tho.

[@Kinglipaz1]

@@SharnavTech oh ok i saw the comment from the website but also they said this " Real time rate limit usage statistics are described in headers that are included with most API responses once enough calls have been made to an endpoint." how to access the header and sorry for asking silly questions i'm still a beginner when it comes to coding😅

[@SharnavTech]

You can access response headers using res.headers property. Currently it returns empty headers. The website says '...included with most API responses once enough calls have been made to an endpoint.' Which means headers will only be present in response when a certain number of API calls have been made.

[@Kinglipaz1]

@@SharnavTech oh alright thank you very much very much appreciated it🙏

[@buffmage8853]

The specified value "NaN" cannot be parsed, or is out of range. i am getting this error what should i do

[@buffmage8853]

it shows the error here inpt2.value = cVal;

[@SharnavTech]

@@buffmage8853 Solved your issue on Discord. Happy coding!

[@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

[@SharnavTech]

Make sure there aren't any typos in CSS or HTML code. Specifically the class names and/or css properties

[@Abu.Mahmad]

No everything is fine i checked wvery file and every line

[@SharnavTech]

@@Abu.Mahmad Resolved your issue! ----------------- Share your code on Discord / Instagram then I'll take a look at it. Discord: techysharnav Instagram: techy_sharnav

[@deltapaplo342]

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

[@SharnavTech]

I am sorry I didn't get you properly. If you meant if values in API changes if exchange values of currency changes, then yes it does

[@webdevelopmentlearn]

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

[@SharnavTech]

Check for any typos in query string on line 4

[@asireddyraju757]

How to get country names In final output Please tell us

[@SharnavTech]

You need to make an API call at the symbols endpoint. It returns a JSON object, containing Currency Code and Currency name as key value pairs. Check Symbols endpoint: fixer.io/documentation

[@SylviaKhan02]

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

[@SharnavTech]

Check the console for errors. Maybe there's a problem with fetch

[@SylviaKhan02]

I have checked it three times ,i think there is some issue with values not passing or exchangerate not loading the values in the first place @@SharnavTech

[@SharnavTech]

​@@SylviaKhan02Okay, let me check on my end. The API seems to be working fine though. Make sure you are calling fetch rates function

[@SylviaKhan02]

@@SharnavTech it worked , I was having problem with template literals. Thanks for the great tutorial !

[@SharnavTech]

That's great to know.

[@torukaa.8393]

Pls could u tell me the theme extension u r using

[@SharnavTech]

Its one dark pro marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

[@torukaa.8393]

@@SharnavTech Thanks

[@TheCodeWhisperer0o0]

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!

[@SharnavTech]

I apologize for the confusion caused. You can unlock the source code of this program (and all others as well) by paying a nominal fee of $1. I also need to create a source of income for the betterment of this channel, hence the paid access model. I hope you understand. If you have any questions, please feel free to connect with me. Instagram: @techy_sharnav Discord: techysharnav#0

[@TheCodeWhisperer0o0]

it is totally ok brother, never mind, I just have suggestion that if you want others to pay, this payment is wrong, because you write the code here and you wrote for source code it is 1$, for example upload a source code and video only in the patreon and make it vip, just upload it there. but this method of yours is wrong, because only lazy programmers will buy the source code.@@SharnavTech