Build A Currency Converter App in HTML CSS & JavaScript

Sdílet
Vložit
  • čas přidán 28. 08. 2024

Komentáře • 233

  • @CodingNepal
    @CodingNepal  Před 3 lety +37

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

    • @aadityasharma530
      @aadityasharma530 Před 3 lety +2

      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
      @aadityasharma530 Před 3 lety +1

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

    • @hitkumar
      @hitkumar Před 3 lety

      sir how can i contact you

    • @hitkumar
      @hitkumar Před 3 lety

      pls tell your mail to contact

    • @alltoall
      @alltoall Před 2 lety

      ok sir

  • @codewithswarnodip1811
    @codewithswarnodip1811 Před 3 lety +8

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

  • @9Quotes
    @9Quotes Před 3 lety +3

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

  • @asimkoirala8074
    @asimkoirala8074 Před 2 lety +7

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

  • @musshare
    @musshare Před 3 lety +2

    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.

  • @scoppyeah
    @scoppyeah Před rokem +2

    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
    @jeenitprajapati3449 Před 3 lety +3

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

    • @CodingNepal
      @CodingNepal  Před 3 lety +1

      Happy to hear that and Happy Krishna Janmashtami

  • @Aalok464
    @Aalok464 Před 3 lety +2

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

  • @gradigraph5346
    @gradigraph5346 Před 3 lety +3

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

    • @CodingNepal
      @CodingNepal  Před 3 lety +1

      Hope you enjoyed it 😃

    • @gradigraph5346
      @gradigraph5346 Před 3 lety

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

  • @myfusionmelodies
    @myfusionmelodies Před 2 lety +11

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

  • @sandip-sapkota
    @sandip-sapkota Před 2 lety +6

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

  • @UlyssesOfOmaha
    @UlyssesOfOmaha Před 2 lety +2

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

  • @CreativeTutorialsWeb
    @CreativeTutorialsWeb Před 3 lety +4

    Amazing Project Sir

  • @IshuAB
    @IshuAB Před 19 dny

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

  • @aadityasharma530
    @aadityasharma530 Před 2 lety +1

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

  • @jeenitprajapati3449
    @jeenitprajapati3449 Před 3 lety +2

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

  • @dev-araujo
    @dev-araujo Před 3 lety +1

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

  • @COFFY_GAMING
    @COFFY_GAMING Před 3 lety +2

    Wow sir its really awesome video thanku so much

  • @BlitzFactz
    @BlitzFactz Před 3 lety +2

    Love 💘 from India 🇮🇳❤♥

  • @music2410
    @music2410 Před 3 lety +1

    I feeling cool when I watch your video.😘

  • @entertainmo8792
    @entertainmo8792 Před 3 lety +3

    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
      @CodingNepal  Před 3 lety

      Watch this video for it - czcams.com/video/zBmTt5IeZNI/video.html I hope after watching this video, you can do it.

  • @TechNand
    @TechNand Před 3 lety +1

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

  • @jpgeralla920
    @jpgeralla920 Před 4 měsíci

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

  • @Ankit-yz9em
    @Ankit-yz9em Před 3 lety +1

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

  • @yubiroaster6285
    @yubiroaster6285 Před 3 lety +1

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

  • @ahmedparbes
    @ahmedparbes Před 2 lety +1

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

  • @ishimweemmanuel1607
    @ishimweemmanuel1607 Před 2 lety

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

  • @sergioperea9869
    @sergioperea9869 Před 3 lety +2

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

  • @codingindialtd4866
    @codingindialtd4866 Před 3 lety +1

    Near to 100K advance congrats

  • @IAmBleaux
    @IAmBleaux Před 3 lety +2

    You are the Best!!!! 🔥

  • @faruksardar8829
    @faruksardar8829 Před 2 lety +1

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

  • @ahmed_J4
    @ahmed_J4 Před rokem

    Amazing tutoriel keep going

  • @user-fl5ds8vx7r
    @user-fl5ds8vx7r Před 10 měsíci +1

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

  • @edutecharena8323
    @edutecharena8323 Před 3 lety +1

    Thanks Prof

  • @neevbadu3611
    @neevbadu3611 Před rokem

    Thanks.. awesome video

  • @GSharanya-wm9ws
    @GSharanya-wm9ws Před 3 měsíci

    Tq sir😊

  • @rezvanibeastx3452
    @rezvanibeastx3452 Před 3 lety +2

    Awesome bro

  • @shuhratabdurahmonov7783
    @shuhratabdurahmonov7783 Před 3 lety +2

    thank you bro

  • @UwUBmgo
    @UwUBmgo Před 2 lety

    man thanks this helps me a lot

  • @rhmo_ali
    @rhmo_ali Před 2 lety

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

  • @codingwithkeshav5390
    @codingwithkeshav5390 Před 3 lety +1

    maan gye boss

  • @hinaniayoub_design
    @hinaniayoub_design Před 3 lety +2

    Can i use this excellent program for personal use?

  • @luci_ferous
    @luci_ferous Před 3 lety +1

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

  • @ivanmilenkovic203
    @ivanmilenkovic203 Před 2 lety +1

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

  • @TheAsianGeo
    @TheAsianGeo Před rokem

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

  • @hackeditz2.0
    @hackeditz2.0 Před 3 lety +2

    Nice

    • @CodingNepal
      @CodingNepal  Před 3 lety +1

      Thank you so much

    • @hackeditz2.0
      @hackeditz2.0 Před 3 lety +1

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

  • @bilal5488
    @bilal5488 Před 3 lety +1

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

    • @CodingNepal
      @CodingNepal  Před 3 lety +1

      You can learn these from w3schools or MDN for free

    • @bilal5488
      @bilal5488 Před 3 lety

      sir i want some videos tutorials

  • @anacletocorbeta3846
    @anacletocorbeta3846 Před rokem

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

  • @roses_r_rozie9896
    @roses_r_rozie9896 Před 8 měsíci

    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.

  • @umeehabiba5647
    @umeehabiba5647 Před 2 lety +1

    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

  • @6-s884
    @6-s884 Před 2 lety

    Can we add crypto currency instead of country currency?

  • @AdeyCoder
    @AdeyCoder Před 3 lety +1

    cool 👍

  • @abdullaalmamun1019
    @abdullaalmamun1019 Před 3 lety +1

    Beautiful

  • @birmedar
    @birmedar Před 3 lety +1

    Thanks

  • @smartowl9191
    @smartowl9191 Před 3 lety +2

    Why don't you create HTML and CSS topics?? I think many viewers like me doesn't knows JavaScript that well!!

    • @CodingNepal
      @CodingNepal  Před 3 lety

      I have created many HTML & CSS videos in the past. Please visit my CSS playlist.

    • @smartowl9191
      @smartowl9191 Před 3 lety

      @@CodingNepal Thanks, I have.

  • @aksharparmar5145
    @aksharparmar5145 Před 11 měsíci

    thank you!

  • @AbdelrhmanSaid
    @AbdelrhmanSaid Před 3 lety +1

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

    • @CodingNepal
      @CodingNepal  Před 3 lety +1

      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
      @AbdelrhmanSaid Před 3 lety

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

  • @abulalalalalaabulala4521
    @abulalalalalaabulala4521 Před 3 lety +1

    Good

  • @kanakatejaboddu5768
    @kanakatejaboddu5768 Před 10 měsíci

    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?

  • @hackeditz2.0
    @hackeditz2.0 Před 3 lety +3

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

    • @CodingNepal
      @CodingNepal  Před 3 lety

      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
      @hackeditz2.0 Před 3 lety +1

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

    • @CodingNepal
      @CodingNepal  Před 3 lety +1

      Okay, I'll send you the js codes for this project. Mail me at contact@codingnepalweb.com

  • @nozer3233
    @nozer3233 Před 2 lety

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

  • @DEADSHOT-tq5ti
    @DEADSHOT-tq5ti Před 2 lety +1

    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?

  • @lisandrofernando8533
    @lisandrofernando8533 Před 2 lety

    When are bringing an online store??

  • @eduintice3867
    @eduintice3867 Před 2 lety

    Is There any print button?for Termic printer?

  • @SohanPlayzz08
    @SohanPlayzz08 Před měsícem

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

    • @CodingNepal
      @CodingNepal  Před měsícem

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

  • @AftabKhan-ql6pm
    @AftabKhan-ql6pm Před 3 lety +1

    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
      @shalinigupta2462 Před 3 lety

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

    • @AftabKhan-ql6pm
      @AftabKhan-ql6pm Před 3 lety

      @@shalinigupta2462 already did that
      Can you suggest something else

    • @shalinigupta2462
      @shalinigupta2462 Před 3 lety

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

    • @AftabKhan-ql6pm
      @AftabKhan-ql6pm Před 3 lety +1

      @@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
      @AftabKhan-ql6pm Před 3 lety

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

  • @sktgamer2642
    @sktgamer2642 Před 2 lety

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

  • @hhcdghjjgsdrt235
    @hhcdghjjgsdrt235 Před rokem

    not woring

  • @edutecharena8323
    @edutecharena8323 Před 3 lety +2

    source code

  • @prosmusic6846
    @prosmusic6846 Před 3 lety +1

    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
      @CodingNepal  Před 3 lety

      Please send screenshot of the issue here - contact@codingnepalweb.com

    • @prosmusic6846
      @prosmusic6846 Před 3 lety

      Thank you for your response

    • @prosmusic6846
      @prosmusic6846 Před 3 lety

      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

  • @davidaw104
    @davidaw104 Před 2 lety

    Anything on stock calculator?

  • @-xyzan-
    @-xyzan- Před rokem

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

  • @akshatmahar7104
    @akshatmahar7104 Před rokem

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

  • @ViajeroSelvatico
    @ViajeroSelvatico Před rokem

    como aplicar en una pagina web un convertidor de divisas

  • @abdulmuqsitabdulsalam1250

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

  • @amitchaudhary3536
    @amitchaudhary3536 Před 3 lety

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

  • @CodingFire
    @CodingFire Před 3 lety +1

    What screen recorder you use its smooth

    • @CodingNepal
      @CodingNepal  Před 3 lety

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

    • @CodingFire
      @CodingFire Před 3 lety

      @@CodingNepal Thankyou best of luck for 100k subs

  • @user-qs2pm8pi6q
    @user-qs2pm8pi6q Před rokem

    Great video. but why is it showing something went wrong

  • @gudiyagupta1825
    @gudiyagupta1825 Před měsícem

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

    • @CodingNepal
      @CodingNepal  Před měsícem +1

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

  • @18.j
    @18.j Před 3 lety +1

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

    • @CodingNepal
      @CodingNepal  Před 3 lety

      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
      @18.j Před 3 lety

      @@CodingNepal thank you so much!

  • @bhanubhaktaadhikari3955

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

  • @Henry_Nunez
    @Henry_Nunez Před 2 lety

    👏👏👍

  • @stylishkaps6207
    @stylishkaps6207 Před 2 lety

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

  • @sanketgole4199
    @sanketgole4199 Před 3 lety +2

    Where i can get code of this file

    • @CodingNepal
      @CodingNepal  Před 3 lety +2

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

  • @sahilmaharjan3955
    @sahilmaharjan3955 Před 2 lety

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

    • @anshulvairagade1604
      @anshulvairagade1604 Před rokem

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

  • @MohammedAsif-fz5ep
    @MohammedAsif-fz5ep Před 3 lety

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

  • @JTACalpha
    @JTACalpha Před rokem

    How to add currency name in country list

  • @chrisl1239
    @chrisl1239 Před 2 lety

    does this work in repl it?

  • @dhwanisaxena5933
    @dhwanisaxena5933 Před 10 měsíci

    not working the list not coming

  • @roshitx
    @roshitx Před rokem

    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
      @CodingNepal  Před rokem +2

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

    • @DevGoyalG
      @DevGoyalG Před měsícem

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

    • @CodingNepal
      @CodingNepal  Před měsícem +1

      Great! Happy to help you.

  • @spidyy-xygaming3992
    @spidyy-xygaming3992 Před rokem

    code ?

  • @epicalglory4759
    @epicalglory4759 Před 3 lety +1

    Creat translate or javascript

  • @ViajeroSelvatico
    @ViajeroSelvatico Před 2 lety

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

  • @lisandrofernando8533
    @lisandrofernando8533 Před 2 lety

    An E-Commerce please, bring a tutorial

  • @youdontknowme-b9u
    @youdontknowme-b9u Před 3 lety +2

    can u make a youtube subscriber count calculator?

  • @andresgarcia2001
    @andresgarcia2001 Před 11 měsíci

    Códigos divisas? Para web

  • @LM-bd6bd
    @LM-bd6bd Před rokem

    Sir I have launch.json problem 😢

  • @RitikKumar-ks3to
    @RitikKumar-ks3to Před 3 lety

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

  • @kevinuk1196
    @kevinuk1196 Před rokem

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

  • @mattdon6705
    @mattdon6705 Před 2 lety +1

    Take it easy when writing code and making your videos. It says "country_code not defined".
    TAKE IT EASY DUDE!

    • @CodingNepal
      @CodingNepal  Před 2 lety

      Make sure you've created an another file where I have stored all country codes and linked it in your html file.