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 😃

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

[@asimkoirala8074]

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

[@CodingNepal]

Thanks bro

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

[@COFFY_GAMING]

Wow sir its really awesome video thanku so much

[@CodingNepal]

You're most welcome

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

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

[@jeenitprajapati3449]

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

[@CodingNepal]

Dhanybaad ❤

[@jeenitprajapati3449]

@@CodingNepal Ur Welcome

[@aadityasharma530]

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

[@CodingNepal]

Awesome, thank you!

[@dev-araujo]

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

[@CodingNepal]

Happy to hear that 😄

[@BlitzFactz]

Love 💘 from India 🇮🇳❤♥

[@CodingNepal]

Keep loving

[@CreativeTutorialsWeb]

Amazing Project Sir

[@CodingNepal]

Thank you so much 😃

[@IAmBleaux]

You are the Best!!!! 🔥

[@CodingNepal]

Glad you think so 😃

[@yubiroaster6285]

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

[@CodingNepal]

Thank you so much

[@TechNand]

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

[@CodingNepal]

Most welcome

[@music2410]

I feeling cool when I watch your video.😘

[@CodingNepal]

Happy to hear that 😃

[@sandip-sapkota]

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

[@ahmed_J4]

Amazing tutoriel keep going

[@Aalok464]

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

[@CodingNepal]

Appreciate you liked it

[@codingindialtd4866]

Near to 100K advance congrats

[@CodingNepal]

Thanks to you

[@IshuAB]

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

[@rezvanibeastx3452]

Awesome bro

[@CodingNepal]

Thanks bro

[@Ankit-yz9em]

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

[@CodingNepal]

Okay, I'll think about it

[@codingwithkeshav5390]

maan gye boss

[@neevbadu3611]

Thanks.. awesome video

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

[@AdeyCoder]

cool 👍

[@CodingNepal]

Thank you so much

[@edutecharena8323]

Thanks Prof

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

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

[@shuhratabdurahmonov7783]

thank you bro

[@CodingNepal]

You're welcome bro

[@jpgeralla920]

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

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

[@abulalalalalaabulala4521]

Good

[@CodingNepal]

Thank you so much

[@ishimweemmanuel1607]

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

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

[@UwUBmgo]

man thanks this helps me a lot

[@Sharanya29]

Tq sir😊

[@abdulmuqsitabdulsalam1250]

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

[@abdullaalmamun1019]

Beautiful

[@CodingNepal]

Thank you

[@faruksardar8829]

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

[@eduintice3867]

Is There any print button?for Termic printer?

[@-xyzan-]

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

[@birmedar]

Thanks

[@CodingNepal]

You're welcome

[@aksharparmar5145]

thank you!

[@davidaw104]

Anything on stock calculator?

[@sergioperea9869]

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

[@anacletocorbeta3846]

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

[@ViajeroSelvatico]

como aplicar en una pagina web un convertidor de divisas

[@Henry_Nunez]

👏👏👍

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

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

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

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

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

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

[@andresgarcia2001]

Códigos divisas? Para web

[@ahmedparbes]

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

[@lisandrofernando8533]

When are bringing an online store??

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

[@sktgamer2642]

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

[@6-s884]

Can we add crypto currency instead of country currency?

[@BolinZ]

why folder for js????

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

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

[@nozercode]

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

[@ivanmilenkovic203]

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

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

[@TheAsianGeo]

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

[@ViajeroSelvatico]

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

[@chrisl1239]

does this work in repl it?

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

[@sanketgole4199]

Where i can get code of this file

[@CodingNepal]

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

[@rhmo_ali]

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

[@stylishkaps6207]

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

[@DEADSHOT-0611]

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

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

[@JTACalpha]

How to add currency name in country list

[@MohammedAsif-fz5ep]

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

[@amitchaudhary3536]

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

[@dhwanisaxena5933]

not working the list not coming

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

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

[@akshatmahar7104]

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

[@PiratFloweyn]

Great video. but why is it showing something went wrong

[@lisandrofernando8533]

An E-Commerce please, bring a tutorial

[@legendfrager5238]

make screen share or camera share tutorial

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

[@arcane2024]

can u make a youtube subscriber count calculator?

[@CodingNepal]

You mean like social blade..?

[@arcane2024]

@@CodingNepal like counts live

[@spidyy-xygaming3992]

code ?

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

[@bhanubhaktaadhikari3955]

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

[@epicalglory4759]

Creat translate or javascript

[@CodingNepal]

Means..?

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

[@edutecharena8323]

source code

[@CodingNepal]

Please check video description

[@viktoria7281]

droplist doesnt work