Build A Currency Converter App in HTML CSS & JavaScript

[@CodingNepal]

We're 5.5k away from 100k. Please, do subscribe and make it 100k soon.

[@aadityasharma530]

Can you please make a redesigned chat app? And add a option record video or audio or picture and add a option to send pics video and audio and when a link is sent it should highlight. Please I have subscribed you since January 2021.

[@aadityasharma530]

And if possible add voice and video call option and groups pls

[@hitkumar]

sir how can i contact you

[@hitkumar]

pls tell your mail to contact

[@alltoall]

ok sir

[@codewithswarnodip1811]

I will use this from now. No google currency converter. Thanks for this video.

[@CodingNepal]

Glad you liked it ❤️

[@Aalok464]

I was going to comment that

[@9Quotes]

एक्दम मद्धत गार channel हो यो😍😍 मलाई web devlopment course सीख्दा धेरै सजिलो vaxa। Thank you so much coding Nepal 😍😍😍😍😍😍

[@CodingNepal]

Happy to hear that 😃

[@asimkoirala8074]

Bro, your design skills are jaw-dropping. Excellent! Keep growing.

[@CodingNepal]

Thanks bro

[@musshare]

how does some unlike this video... i love your content and i made recommendations to my friends to get to your channel.. thanx for your content.

[@CodingNepal]

Much appreciated!

[@jeenitprajapati3449]

शब्दहरुमा वर्णन गर्न सकिदैन यो कती सुन्दर छ.

[@CodingNepal]

Dhanybaad ❤

[@jeenitprajapati3449]

@@CodingNepal Ur Welcome

[@gradigraph5346]

Thank yoouuuu The notification of your video make me😀 I was waiting for the video for 10 days ✌️

[@CodingNepal]

Hope you enjoyed it 😃

[@gradigraph5346]

@@CodingNepal I was so useful😍 I will practice it😅😁

[@sandip-sapkota]

SIR why don't you do voice overs .It helps us to learn a lot

[@scoppyeah]

Fantastic. The sources for the flags no longer works but the idea can easily be adapted to work from other sources. Only thing that might be worth digging a bit into is how to use environment variables to store the API key. Thanks for the inspiring project as always

[@CreativeTutorialsWeb]

Amazing Project Sir

[@CodingNepal]

Thank you so much 😃

[@faruksardar8829]

The flags are changing on the first option and not on the second, what should I do to fix this?

[@Aalok464]

I like how you have given Indian Currency in thumbnai. Thank you. congratulations In advance for 100K Subscribers.

[@CodingNepal]

Appreciate you liked it

[@UlyssesOfOmaha]

I'm going to try this today! Thank you for sharing your knowledge with us!

[@CodingNepal]

You are so welcome!

[@jeenitprajapati3449]

My patience over, waited for Sir CodingNepal to upload new video. This is best Current Converter with all beautiful design.

[@CodingNepal]

Happy to hear that and Happy Krishna Janmashtami

[@BlitzFactz]

Love 💘 from India 🇮🇳❤♥

[@CodingNepal]

Keep loving

[@COFFY_GAMING]

Wow sir its really awesome video thanku so much

[@CodingNepal]

You're most welcome

[@music2410]

I feeling cool when I watch your video.😘

[@CodingNepal]

Happy to hear that 😃

[@dev-araujo]

What an amazing video, it has already won a Brazilian subscriber.

[@CodingNepal]

Happy to hear that 😄

[@aadityasharma530]

You always make good projects, I have subscribed your channel since near Feb of 2021

[@CodingNepal]

Awesome, thank you!

[@Ankit-yz9em]

You are good in a JavaScript plz make a video advance JavaScript lesson.....thanks

[@CodingNepal]

Okay, I'll think about it

[@IshuAB]

wow ! Amazing tutorial sir ... keep it up sir and also this video help me a lot...

[@kanakatejaboddu5768]

Helloo broo I'm getting an error in javascript from the starting code of script.js I'll mentions currency_code which you've provided below description link I'm not getting any currency_code in console why? I am getting 404 error not found why?

[@pratikshawalkar-s8k]

Plz help mee i am clg student all coding been done result are greate but last currency conversation not working

[@vamsikanigiri8069]

bro is it working now?????

[@roses_r_rozie9896]

Sir, when I run the file in browser, it doesn't show the drop down list only , what should I do , please help me . I'm stuck.

[@TechNand]

Great Sir....Thanks for sharing 👍🏻👌🙏

[@CodingNepal]

Most welcome

[@codingindialtd4866]

Near to 100K advance congrats

[@CodingNepal]

Thanks to you

[@jpgeralla920]

May I ask where did you store your API key? great tutorial by the way!

[@myfusionmelodies]

Bro don't put music in the background.Just explain us every step what you are doing so that begineer's could learn easily..

[@lycanthropic1122]

This isn't a beginner's tutorial.

[@allgameplay4188]

@@lycanthropic1122 yes

[@yubiroaster6285]

Always best ❤️....... Big fan bro🇳🇵✌️

[@CodingNepal]

Thank you so much

[@ahmed_J4]

Amazing tutoriel keep going

[@luci_ferous]

Reverse process doesn’t work from your downloading code. It shows 1BDT= 1USD. Why?

[@CodingNepal]

No, it's showing 1 BDT = 0.01 USD

[@IAmBleaux]

You are the Best!!!! 🔥

[@CodingNepal]

Glad you think so 😃

[@sktgamer2642]

I have seen coding Nepal in Facebook What is it can't understand 🖐️

[@akshatmahar7104]

Bhai apke vs code me cursor click krte hue style blink ho rhi h wo kese kiya h apne plz bta do bhai 😢

[@ahmedparbes]

Great tutorial.. I have a question, can i make it as a wordpress plugin? If so how i can?

[@AbdelrhmanSaid]

I got your API key easily, So how can you hide your API Key when building for production.

[@CodingNepal]

You've use server side language for it because javascript is a client side language and viewers can easily get your key. Using javascript you can obfuscate the key but can't hide it. This key isn't confidential for me, it's free, and used in this project only. So I didn't use server side language to hide it.

[@AbdelrhmanSaid]

@@CodingNepal I usually use ENV Files to store my API Keys If there's no server side for my project.

[@ishimweemmanuel1607]

bro it's good. But with voice overs it would be more helpfull

[@amitchaudhary3536]

Web development possible without bachelor degree..? In Nepal??🤔🤔

[@nozer3233]

,,Something went wrong" can you help me solve?

[@SohanPlayzz08]

Hello bro im unable to get that exchange arrow rest of the things are working smooth

[@CodingNepal]

Did you add the Font Awesome CDN link that is shown on line.no 10 in index.html file?

[@bilal5488]

sir also make JavaScript course from beginner to advance or if not then plzz suggest some good one

[@CodingNepal]

You can learn these from w3schools or MDN for free

[@bilal5488]

sir i want some videos tutorials

[@rezvanibeastx3452]

Awesome bro

[@CodingNepal]

Thanks bro

[@entertainmo8792]

What coding we shall add to make it nuemorphic ? Well, Your videos are amazing and I have made many projects and learnt coding. Thank you !!

[@CodingNepal]

Watch this video for it - kzbin.info/www/bejne/sHPQhadrfsqNhKs I hope after watching this video, you can do it.

[@6-s884]

Can we add crypto currency instead of country currency?

[@DEADSHOT-tq5ti]

U said not to put API Key in the link .. instead use a variable but that variable would also be declared in the script itself.. so how to hide our api?

[@softwareworld2981]

process.env

[@AftabKhan-ql6pm]

I am getting an error in 12:08 part of the video. It says "Uncaught ReferenceError: country_code is not defined" in the console. Please reply

[@shalinigupta2462]

You can make the different folder for js file if not created yet

[@AftabKhan-ql6pm]

@@shalinigupta2462 already did that Can you suggest something else

[@shalinigupta2462]

@@AftabKhan-ql6pm can you share the code, so that analysis can be done?

[@AftabKhan-ql6pm]

@@shalinigupta2462 const dropList = document.querySelectorAll(".drop-list select"); for (let i = 0; i < dropList.length; i++) { for(let currency_code in country_code){ console.log(currency_code) } }

[@AftabKhan-ql6pm]

In 2nd for loop, it's showing the error country_code is not defined

[@sahilmaharjan3955]

for ( let i = 0 ; i < droplist.length ; i++) - - > here, droplist is 0 how will it loop!?

[@anshulvairagade1604]

.droplist has 2 different select tags in it see html code Or just console log it you will get to know

[@prosmusic6846]

hello great video i fond a issue in your music player video when i play the music and press the stop button ,the button was changed to some other text why?

[@CodingNepal]

Please send screenshot of the issue here - [e-mail]

[@prosmusic6846]

Thank you for your response

[@prosmusic6846]

sorry, its my misunderstanding my internet was slow ,so only the error came to me keep going ,u are doing well and good ,and i am always supporting u as a fan sorry

[@neevbadu3611]

Thanks.. awesome video

[@roshitx]

why at minute 12:38, in the ${country_code} section my javascript still considers it as a string and what is displayed is not the currency code but {country_code}

[@CodingNepal]

You probably used single quote ' ' instead of back ticks ` `.

[@DevGoyalG]

@@CodingNepal Thank You So Much. I was stuck there.

[@CodingNepal]

Great! Happy to help you.

[@ViajeroSelvatico]

como aplicar en una pagina web un convertidor de divisas

[@hinaniayoub_design]

Can i use this excellent program for personal use?

[@CodingNepal]

Yes you can

[@hinaniayoub_design]

@@CodingNepal Thank you bro, you're the best ❤️

[@hinaniayoub_design]

@@CodingNepal how can i hide the the api?

[@eduintice3867]

Is There any print button?for Termic printer?

[@-xyzan-]

what does "toFixed(2)" do ? in line no. 68

[@edutecharena8323]

Thanks Prof

[@animecheelz4618]

Sir I downloaded your code files and run it in my system... But it said access denied in my console.. Pls how do I solve this issue

[@CodingNepal]

Make sure to pass API key. For more read the blog: www.codingnepalweb.com/currency-converter-app-in-html-javascript/

[@abdulmuqsitabdulsalam1250]

at 11:24/29:14 how did you get the countries to list themselves

[@18.j]

Where can i find the country-list.js object?? I need this country list

[@CodingNepal]

Here is the codes of that file. Copy and paste it in your country-list.js file. let country_list={ "AED":"AE", "AFN":"AF", "XCD":"AG", "ALL":"AL", "AMD":"AM", "ANG":"AN", "AOA":"AO", "AQD":"AQ", "ARS":"AR", "AUD":"AU", "AZN":"AZ", "BAM":"BA", "BBD":"BB", "BDT":"BD", "XOF":"BE", "BGN":"BG", "BHD":"BH", "BIF":"BI", "BMD":"BM", "BND":"BN", "BOB":"BO", "BRL":"BR", "BSD":"BS", "NOK":"BV", "BWP":"BW", "BYR":"BY", "BZD":"BZ", "CAD":"CA", "CDF":"CD", "XAF":"CF", "CHF":"CH", "CLP":"CL", "CNY":"CN", "COP":"CO", "CRC":"CR", "CUP":"CU", "CVE":"CV", "CYP":"CY", "CZK":"CZ", "DJF":"DJ", "DKK":"DK", "DOP":"DO", "DZD":"DZ", "ECS":"EC", "EEK":"EE", "EGP":"EG", "ETB":"ET", "EUR":"FR", "FJD":"FJ", "FKP":"FK", "GBP":"GB", "GEL":"GE", "GGP":"GG", "GHS":"GH", "GIP":"GI", "GMD":"GM", "GNF":"GN", "GTQ":"GT", "GYD":"GY", "HKD":"HK", "HNL":"HN", "HRK":"HR", "HTG":"HT", "HUF":"HU", "IDR":"ID", "ILS":"IL", "INR":"IN", "IQD":"IQ", "IRR":"IR", "ISK":"IS", "JMD":"JM", "JOD":"JO", "JPY":"JP", "KES":"KE", "KGS":"KG", "KHR":"KH", "KMF":"KM", "KPW":"KP", "KRW":"KR", "KWD":"KW", "KYD":"KY", "KZT":"KZ", "LAK":"LA", "LBP":"LB", "LKR":"LK", "LRD":"LR", "LSL":"LS", "LTL":"LT", "LVL":"LV", "LYD":"LY", "MAD":"MA", "MDL":"MD", "MGA":"MG", "MKD":"MK", "MMK":"MM", "MNT":"MN", "MOP":"MO", "MRO":"MR", "MTL":"MT", "MUR":"MU", "MVR":"MV", "MWK":"MW", "MXN":"MX", "MYR":"MY", "MZN":"MZ", "NAD":"NA", "XPF":"NC", "NGN":"NG", "NIO":"NI", "NPR":"NP", "NZD":"NZ", "OMR":"OM", "PAB":"PA", "PEN":"PE", "PGK":"PG", "PHP":"PH", "PKR":"PK", "PLN":"PL", "PYG":"PY", "QAR":"QA", "RON":"RO", "RSD":"RS", "RUB":"RU", "RWF":"RW", "SAR":"SA", "SBD":"SB", "SCR":"SC", "SDG":"SD", "SEK":"SE", "SGD":"SG", "SKK":"SK", "SLL":"SL", "SOS":"SO", "SRD":"SR", "STD":"ST", "SVC":"SV", "SYP":"SY", "SZL":"SZ", "THB":"TH", "TJS":"TJ", "TMT":"TM", "TND":"TN", "TOP":"TO", "TRY":"TR", "TTD":"TT", "TWD":"TW", "TZS":"TZ", "UAH":"UA", "UGX":"UG", "USD":"US", "UYU":"UY", "UZS":"UZ", "VEF":"VE", "VND":"VN", "VUV":"VU", "YER":"YE", "ZAR":"ZA", "ZMK":"ZM", "ZWD":"ZW" }

[@18.j]

@@CodingNepal thank you so much!

[@CodingFire]

What screen recorder you use its smooth

[@CodingNepal]

I use the default screen recorder which comes with filmora video editor

[@CodingFire]

@@CodingNepal Thankyou best of luck for 100k subs

[@umeehabiba5647]

Thank you for this video...Sir, I used your source code it is working but it is not converting to currency how will it be ?? please reply

[@CodingNepal]

Did you put your API key?

[@umeehabiba5647]

@@CodingNepal No

[@eduardor9]

@@kishorivairal3460 😠

[@lisandrofernando8533]

When are bringing an online store??

[@hackeditz2.0]

Nice

[@CodingNepal]

Thank you so much

[@hackeditz2.0]

@@CodingNepal Bro can you make a Google Drive Direct Download Link Generator with JS or jQuery??

[@abulalalalalaabulala4521]

Good

[@CodingNepal]

Thank you so much

[@davidaw104]

Anything on stock calculator?

[@sergioperea9869]

Buen video, tengo una pregunta deberíamos utilizar clases para el codigo js como una buena practica ?

[@shuhratabdurahmonov7783]

thank you bro

[@CodingNepal]

You're welcome bro

[@hackeditz2.0]

Bro can you make a Google Drive Direct Download Link Generator with JS or jQuery??

[@CodingNepal]

It's easy... copy your drive file url. In the copied url there is an ID of a file like this (1_xfe5NXoRONGJl1aAe_Ll4GwQyju4IV_), copy it, and paste in the id variable of a given link. drive.google.com/uc?export=download&id=your_drive_file_id To download the file, just open this url in the browser and wait for seconds. P.S. Make sure your file is not private

[@hackeditz2.0]

@@CodingNepal I know this but I want to make a site to create automatically direct link

[@CodingNepal]

Okay, I'll send you the js codes for this project. Mail me at [e-mail]

[@ViajeroSelvatico]

Usted podria hacer una pagina online para mi negocio de casa de cambio

[@AdeyCoder]

cool 👍

[@CodingNepal]

Thank you so much

[@codingwithkeshav5390]

maan gye boss

[@MohammedAsif-fz5ep]

How to download image, css apply effect. Please Make video

[@sashaa_pp]

hello, i'm a newbie, and i dont understand the currency_code, from where did you get this ? Is it a variable that you created? hope someone could reply me even if it's been 9months :)

[@rohit5428]

the codes givwn to countries in the country code list is the crrency codes

[@UwUBmgo]

man thanks this helps me a lot

[@stylishkaps6207]

Please tell front end and backend language for this pls waiting.

[@bhanubhaktaadhikari3955]

Brother euta project ni banau na backend ko lagi using expressjs, mongodb and nodejs It would be more helpful

[@chrisl1239]

does this work in repl it?

[@TheAsianGeo]

Nice video. BTW can you plz share me a demo link of it?

[@abdullaalmamun1019]

Beautiful

[@CodingNepal]

Thank you

[@ivanmilenkovic203]

nice tutorial, it is a shame this website with flags is not working anymore...

[@kevinuk1196]

Very beautiful project. Only thing is I downloaded the source code and it keeps giving the message "Something went wrong"

[@dexterousgaming8840]

same here

[@dexterousgaming8840]

you know how to solve it

[@kevinuk1196]

@dexterousgaming8840 yeah I fixed it since

[@PiratFloweyn]

Great video. but why is it showing something went wrong

[@sanketgole4199]

Where i can get code of this file

[@CodingNepal]

Video is recently uploaded. So wait 2 or 3 days for source codes.

[@andresgarcia2001]

Códigos divisas? Para web

[@birmedar]

Thanks

[@CodingNepal]

You're welcome

[@GSharanya-wm9ws]

Tq sir😊

[@aksharparmar5145]

thank you!

[@JTACalpha]

How to add currency name in country list

[@anacletocorbeta3846]

You can limit number of selected country in your scroll bar by declaring it in your select tag. Ex.

[@LM-bd6bd]

Sir I have launch.json problem 😢

[@انیمیشنسرا-ع2غ]

Hi please cheek your live demo country flags are have problem plz fix it

[@CodingNepal]

Actually, for flags I have used an online api but now this api is down or no longer available. I'll try to update the api soon.

[@CodingNepal]

Hello, the problem is solved and codes are updated. Please, download the source files again from the same link that you used to download before.

[@انیمیشنسرا-ع2غ]

@@CodingNepal Thanks bro

[@ganeshkumarj.m.a.c9550]

This project doesn't work here is one error (something went wrong) first solve this error

[@CodingNepal]

It's working fine. Please, check now.

[@vamsikanigiri8069]

​@@CodingNepalit is showing something went wrong 😢😢😢😢please help me

[@rhmo_ali]

انا رجل بشهدلك بأنك فنان

[@hhcdghjjgsdrt235]

not woring

[@dhwanisaxena5933]

not working the list not coming

[@gudiyagupta1825]

Sir apne country-list.js me country with currency kaise insert kra

[@CodingNepal]

You can get the country list code from here drive.google.com/file/d/1h7Mq8NQpIUA4GukBEfdVizHrPuWxV292/view?usp=sharing

[@spidyy-xygaming3992]

code ?

[@Henry_Nunez]

👏👏👍

[@lisandrofernando8533]

An E-Commerce please, bring a tutorial

[@youdontknowme-b9u]

can u make a youtube subscriber count calculator?

[@CodingNepal]

You mean like social blade..?

[@youdontknowme-b9u]

@@CodingNepal like counts live

[@RitikKumar-ks3to]

Please sir make video from begining on how to hide api key using node js. I am not able to hide my key🥺🥺 please sir🙏😍