Didi mere college me kuch bhi nahi padhate hai jo bhi coding knowledge hai mere paas sab aap se hi sikha hai or seekhte rahenge. I really appreciate your work.
Hi everyone, if you're having trouble with the API link, it is because the GitHub user has moved their repository. The new link is here: github.com/fawazahmed0/exchange-api. Follow these steps: -- Add this URL to the BASE_URL => cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@latest/v1/currencies -- Update this section of the code as below: const URL = `${BASE_URL}/${fromCurr.value.toLowerCase()}.json`; let response = await fetch(URL); let data = await response.json(); let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()]; let finalAmount = amtVal * rate; msg.innerText = `${amtVal} ${fromCurr.value} = ${finalAmount} ${toCurr.value}`; Explanation: The API link has changed because the repository was migrated. The new URL structure is different; it no longer uses /currencies/{currencyCode}/{currencyCode}, but instead only /currencies/{currencyCode}. In the original code, both fromCurr and toCurr were part of the BASE_URL, and the exchange rate was derived directly. However, with the updated API, there isn't a direct endpoint for both currencies. Instead, you need to fetch the JSON for fromCurr, and then extract the rate for toCurr from that data to calculate the final amount.
let response = await fetch(URL); let data = await response.json(); let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()]; console.log(rate); });
00:01 Introduction to Fetch API and its usage 02:04 Understanding the purpose and function of APIs for making requests and getting responses. 06:10 Understanding the Fetch API in JavaScript 08:05 Using Fetch API to send and receive data 12:09 Using Fetch API to send requests and handle responses 14:03 Fetch API is used for making GET requests and receiving responses. 17:41 Using Fetch API to make asynchronous network requests and handle the JSON response. 19:36 Using Fetch API to retrieve and manipulate data in JavaScript 23:42 Using fetch API with promise chaining for API calls in JavaScript 25:37 Understanding Fetch API and its HTTP verbs 30:03 Basics of API calling and HTTP headers 31:45 Creating a currency converter in HTML5 and using the Fetch API 36:04 Fetching country data and flags for a currency converter 38:05 Creating a currency converter with Fetch API 42:33 Styling and setting properties of form elements and containers. 44:58 Styling and formatting elements using CSS 49:17 Styling elements inside the dropdown and button 51:34 Preparing a currency converter layout in JavaScript 55:36 Access and print country list and codes 57:48 Using Fetch API to retrieve country data and currency conversion logic. 1:02:22 Using the Fetch API to convert currency and handle form submission 1:04:57 Using the Fetch API and creating a URL for currency conversion. 1:09:28 Understanding currency conversion and exchange rates 1:11:45 Converting USD to IR using Fetch API 1:16:23 Mini project using Fetch API and related concepts
mam api does not work because api's person change the api he's changed the link so currently can't convert to change only access the list of all country currency list could you please help me
Mam aapki consistancy ko dil se salute, kuch youtuber course start ke bad m bich m 3-3 month tak video upload nahi karte h and aapne only 2 month m js ko done kar diya. Dil se thanku
Hey guys. I am seeing here that many of the people are having a error while using the api. It is because the endpoint of api has been changed by the developer. old format------>> json = fetchJSON(`/currencies/{fromCurrency}/{toCurrency}`) rate = json[toCurrency] new format ------->>> json = fetchJSON(`/currencies/{fromCurrency}`) rate = json[fromCurrency][toCurrency]
@@SunnyThakur-z4f I used the new format.... here is how you can do it ->> also change the base url const baseUrl = "cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@latest/v1/currencies"; const url = `${baseUrl}/${fromCurr.value.toLowerCase()}.json`; let response = await fetch(url); // console.log(response); let data = await response.json(); // console.log(data); let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()]; console.log(rate); let finalAmount = amtVal * rate; msg.innerText = `${amtVal} ${fromCurr.value} = ${finalAmount} ${toCurr.value}`;
@@SunnyThakur-z4f I used the new format.... here is how you can do it ->> also change the base url const baseUrl = "cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@latest/v1/currencies"; const url = `${baseUrl}/${fromCurr.value.toLowerCase()}.json`; let response = await fetch(url); // console.log(response); let data = await response.json(); // console.log(data); let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()]; console.log(rate); let finalAmount = amtVal * rate; msg.innerText = `${amtVal} ${fromCurr.value} = ${finalAmount} ${toCurr.value}`;
@@raunakgupta4356 no, that guy Ahmed Nawaz has deleted that API so we can't do anything now And there no other api which can replace that API on internet
This was a dificult course but you made it easy and intresting , you are a execielent and great teacher wiith full of knowledge. thats why i started learning from your lectures..thank u so much for your efforts.........
Thank you so much Mam , please start the react-js tutorial ... I am eagerly waiting for the tutorial. Cause your explanation is too good ❤. It is very easy to understand and get the concept, explained by you. So, please start the react-js tutorial.
Thank You so much Shradha Didi for this wonderful JavaScript series! 🚀 Your teaching is super clear and easy to follow. 👏 Can you do a series on React.js next? I'm sure it'll be awesome!
Finally finished all the lectures in order. This project was a beast to me. Everything covered so well. Loved the entire series. In short this course was not bloated at all. Brief, short and crisp. Now will start Node.js from ZTM. Thanks Shradha and all the best!
Thanks Di, can you please make course on Spring boot(included in Full stack). Plus can you also make devOps course either on youtube or similar to delta batch you have
@@sanmorya abhi jo latest repo hai uspe jao, waha jaake latest currency list ko download karo, it might be in US base so remove that part and set it to the from country base, after that uss se data extract karke uss data se tocountry ka value derive karo and uss rate nikalo...
let response = await fetch(URL); let data = await response.json(); let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()]; console.log(rate); });
Thank you so much for such a great series ❤🥲you are a great teacher i've never seen before in my life 😭and also i would like to say you one thing mam ,you had health issues but still you made a video for us 🥲you are really great teacher and may I god bless you mam 🎉❤Once again thank you......
very nice went through whole series.....got good understanding ,thank you so much, there is so much effort seen to make it understand for beginners....the only thing in project is api doesnt work
I appreciate you providing this fantastic, simple-to-follow JavaScript course with us, ma'am. I had a great time during the entire tutorial. I am very excited to study backend WebD under your guidance. Ma'am, you really made India fall in love with coding.
Same project kyu bana rha h, make a time converter similar concept but different api and you will get to learn how much "fun" dealing with date and time is
Shraddha mam taught very well but its really unfair that the API is mot working now .I built the whole project and wasted so much time only to come at the very last of the video and came to know that api is not there anymore
I have watched a lot of tutorials to learn JavaScript, and I wish I found this playlist earlier, I started this playlist to brush up on the basics, even watching it at 2x speed, I understood all the concepts, especially Callbacks, callback hell, and promises. thank you for the free tutorial.
Thankyou so much mam! For your contribution to the learning enthusiastic people who really want to grow their career but can't take any financial risk. Thanks again.
let response = await fetch(URL); let data = await response.json(); let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()]; console.log(rate); });
I applied for Alpha batch and have been chasing their support team for months for an issue. Still no response. Haven't even got my completion certificate. Don't know what to do to grab their attention at this huge flaw of customer dissatisfaction after buying the course and not getting the certificate yet. I will comment on every video coz I don’t have any other option
Your way of teaching is so good. But I feel you are prolonging a bit. For example, if you are speaking about promises, you are telling things excessively than required.
This is the final chapter of our series. I hope you enjoyed & learnt from this series❤
Plzz bring Shopify website project
Didi pls ek video-set portfolio ka bhi ready kar do..
Thank you for this awesome JavaScript tutorials. Please make more videos like this. Your videos are perfect and much easier than others.
Didi mere college me kuch bhi nahi padhate hai jo bhi coding knowledge hai mere paas sab aap se hi sikha hai or seekhte rahenge. I really appreciate your work.
Thank you soon much did ❤next frame works please didi front end developer complete hojia gha sab
NOW VOTE ✅ FOR REACT JS COURSE❤🎉
bro react sikhna he to harry bhai ke channel pe jao vo banda 25000 logo ko full stack developer banane me laga he 😊
@@nomatterff8918 that's good
But she explains things in a different and very simple manners broo@@nomatterff8918
React Js/ Angular please
Please react js tutorial dedo
Who else wants a full course of React.js by her?! ✋🏻
Why i am not able to change Api url by ${} variable
mee
@@kartikshukla5018 check if you are using back ticks (``)or not
@@kartikshukla5018 because that api stopped working
yes yes...dil bat keh di....@ShradhaKD please make React series. plzzzzz
Hi everyone, if you're having trouble with the API link, it is because the GitHub user has moved their repository. The new link is here: github.com/fawazahmed0/exchange-api.
Follow these steps:
-- Add this URL to the BASE_URL => cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@latest/v1/currencies
-- Update this section of the code as below:
const URL = `${BASE_URL}/${fromCurr.value.toLowerCase()}.json`;
let response = await fetch(URL);
let data = await response.json();
let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()];
let finalAmount = amtVal * rate;
msg.innerText = `${amtVal} ${fromCurr.value} = ${finalAmount} ${toCurr.value}`;
Explanation:
The API link has changed because the repository was migrated. The new URL structure is different; it no longer uses /currencies/{currencyCode}/{currencyCode}, but instead only /currencies/{currencyCode}. In the original code, both fromCurr and toCurr were part of the BASE_URL, and the exchange rate was derived directly. However, with the updated API, there isn't a direct endpoint for both currencies. Instead, you need to fetch the JSON for fromCurr, and then extract the rate for toCurr from that data to calculate the final amount.
thanks if its working
Couldn't find the requested file /v1/currencies/usd/inr.json in @fawazahmed0/currency-api. this is the error
thanks
thanku this code is working
Wow thank you!
the api link is not working
const BASE_URL = "latest.currency-api.pages.dev/v1/currencies";
const dropdowns = document.querySelectorAll(".dropdown select");
const btn = document.querySelector("form button");
const fromCurr = document.querySelector(".from select");
const toCurr = document.querySelector(".to select");
for (let select of dropdowns) {
for (let currCode in countryList) {
let newOption = document.createElement("option");
newOption.innerText = currCode;
newOption.value = currCode;
if (select.name === "from" && currCode === "USD") {
newOption.selected = "selected";
} else if (select.name === "to" && currCode === "INR") {
newOption.selected = "selected";
}
select.append(newOption);
}
select.addEventListener("change", (evt) => {
updateFlag(evt.target);
});
}
const updateFlag = (element) => {
let currCode = element.value;
let countryCode = countryList[currCode];
let newSrc = `flagsapi.com/${countryCode}/shiny/64.png`;
let img = element.parentElement.querySelector("img");
img.src = newSrc;
};
btn.addEventListener("click", async (evt) => {
evt.preventDefault();
let amount = document.querySelector(".amount input");
let amtVal = amount.value;
if (amtVal === "" || amtVal < 1) {
amtVal = 1;
amount.value = "1";
}
const URL = `${BASE_URL}/${fromCurr.value.toLowerCase()}.json`;
console.log(URL);
let response = await fetch(URL);
let data = await response.json();
let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()];
console.log(rate);
});
how did you solved this problem
@@aneeketvispute5063 i am also facing the same issue
@@aneeketvispute5063 how did youuuu solved this problem
Guys your api working?
API is not Working Please recommend another API
Dummy Api... Copy one of Theme and paste it after you will see the Data In Console to Render the data using map Method..
@@AhmadShah-wd3yy can you explain what exactly are we supposed to do?
@@shyamalthakur8366 I solved it bro, do you need the help to resolve it
00:01 Introduction to Fetch API and its usage
02:04 Understanding the purpose and function of APIs for making requests and getting responses.
06:10 Understanding the Fetch API in JavaScript
08:05 Using Fetch API to send and receive data
12:09 Using Fetch API to send requests and handle responses
14:03 Fetch API is used for making GET requests and receiving responses.
17:41 Using Fetch API to make asynchronous network requests and handle the JSON response.
19:36 Using Fetch API to retrieve and manipulate data in JavaScript
23:42 Using fetch API with promise chaining for API calls in JavaScript
25:37 Understanding Fetch API and its HTTP verbs
30:03 Basics of API calling and HTTP headers
31:45 Creating a currency converter in HTML5 and using the Fetch API
36:04 Fetching country data and flags for a currency converter
38:05 Creating a currency converter with Fetch API
42:33 Styling and setting properties of form elements and containers.
44:58 Styling and formatting elements using CSS
49:17 Styling elements inside the dropdown and button
51:34 Preparing a currency converter layout in JavaScript
55:36 Access and print country list and codes
57:48 Using Fetch API to retrieve country data and currency conversion logic.
1:02:22 Using the Fetch API to convert currency and handle form submission
1:04:57 Using the Fetch API and creating a URL for currency conversion.
1:09:28 Understanding currency conversion and exchange rates
1:11:45 Converting USD to IR using Fetch API
1:16:23 Mini project using Fetch API and related concepts
Thank you 🙏
@@aatifkhan03 hey are you student or on the jobs
@@tooclose80 Intern
Thanks❤
Thank you ❤
java script d.s.a we want d.s.a..........those who want d.s.a course like my comment.....
Thank for this amazing content didi, plz make videos of "ReactJs" also, it can help many students. Please please ❤❤❤
Thapa technical pr jao
now demand of Vue..js Lectures
can anybody share another API link , the link mam mention isn't responding
I have faced same problem. Now if you have found the any responding link, send me please..
Ma'am, Can we start the React JS tutorial soon? Many of us are eager to begin.
mam api does not work because api's person change the api he's changed the link so currently can't convert to change only access the list of all country currency list could you please help me
same issue
@@eternalflame2644 what to do now ? same problem..
same problem..what can we do now?
@@pritamdas7780 dusari website ki api use ki phir bhi same problem
The API is not working at least update the video with working API!!
Did you get working api
@@ishikatyagi2631 I have created this with a working api and uploaded to my GitHub.
@@ishikatyagi2631 i watched another tutorial
Sahi bol ra bhai tere pass hai to bhej da working api please
Yeah this api is not working. Did you get any working currency converter api....??
Thanks Di , I started my development journey by you please don't stop this type course launch on youtube its help many students :)
Mam aapki consistancy ko dil se salute, kuch youtuber course start ke bad m bich m 3-3 month tak video upload nahi karte h and aapne only 2 month m js ko done kar diya.
Dil se thanku
jada mat dil de dena maam married hai
@@avijitgorai9087😂😂
@@avijitgorai9087 🤣🤣
bro if you dont mind can you share api url i am getting error 404
😂@@avijitgorai9087
Can u please suggest new api because its not working properly mam any one who can found the correct link please suggest me i am facing trouble now😢
Hey guys. I am seeing here that many of the people are having a error while using the api. It is because the endpoint of api has been changed by the developer.
old format------>>
json = fetchJSON(`/currencies/{fromCurrency}/{toCurrency}`)
rate = json[toCurrency]
new format ------->>>
json = fetchJSON(`/currencies/{fromCurrency}`)
rate = json[fromCurrency][toCurrency]
how do we use and fix
@@SunnyThakur-z4f I used the new format.... here is how you can do it ->>
also change the base url
const baseUrl = "cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@latest/v1/currencies";
const url = `${baseUrl}/${fromCurr.value.toLowerCase()}.json`;
let response = await fetch(url);
// console.log(response);
let data = await response.json();
// console.log(data);
let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()];
console.log(rate);
let finalAmount = amtVal * rate;
msg.innerText = `${amtVal} ${fromCurr.value} = ${finalAmount} ${toCurr.value}`;
@@SunnyThakur-z4f I used the new format.... here is how you can do it ->>
also change the base url
const baseUrl = "cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@latest/v1/currencies";
const url = `${baseUrl}/${fromCurr.value.toLowerCase()}.json`;
let response = await fetch(url);
// console.log(response);
let data = await response.json();
// console.log(data);
let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()];
console.log(rate);
let finalAmount = amtVal * rate;
msg.innerText = `${amtVal} ${fromCurr.value} = ${finalAmount} ${toCurr.value}`;
@@galhotra_ravi Thank You So Much Dude!
Bro how to use this in this now
There is problem with the currency api it has stopped working
Yeah, same problem ..
app.js:74 Error: Failed to fetch exchange rate. Status: 404
at updateExchangeRate (app.js:66:19)
How to resolve it now ?
@@mohammadsami3734 USE ANOTHER API URL AND API KEY
i can help you I just fix it
@@MuhammadAli-hh9td yeah please
@@MuhammadAli-hh9td can u share code
Didi, now please start "React JS" series.we'll be so grateful. Thank you in advance.
Please make 2 to 3 projects on all the concepts we have learnt here, please it will be very helpful for us to learn...:)
i am problem in api i think the guy has delete the api
can someone sent any other api link which can replace this deleted one ??
I am also facing this problem... Did your problem get resolved?
@@raunakgupta4356 no, that guy Ahmed Nawaz has deleted that API so we can't do anything now
And there no other api which can replace that API on internet
having the same issue....can someone help?
@@raunakgupta4356 I solved it bro, do you need the help to resolve it
Please maa'm home login , Sign-up form project
This was a dificult course but you made it easy and intresting , you are a execielent and great teacher wiith full of knowledge. thats why i started learning from your lectures..thank u so much for your efforts.........
This API link is not working ?
check my latest comment
Thank you so much for this series ❤❤❤❤❤
Didi please app DSA ka complete course banao na jisme sari programming language cover ho jaye please didi please otherwise I will be angry 😡 with you
Thank you so much for your hard work....last two lectures gave me feeling as a coder.
Now that api of herokupp is not working
Thank you so much Mam , please start the react-js tutorial ... I am eagerly waiting for the tutorial. Cause your explanation is too good ❤. It is very easy to understand and get the concept, explained by you. So, please start the react-js tutorial.
Didi one full working website ki video benaya please
The beginning was mind-blowing yummy 😂 becoz of example of dishes ❤
Btw thanku di for the complete course❤
Thank you so much for great series...
Please start with React js we eagerly waiting...
Please Make Videos on Node Js to improve backend knowledge in Java Script
hello Shradha Ma'm... thanks a lot for your videos and i have got better understanding of javascript through your videos
Thanks Didi itna acha padhane ke liye. ❤
that api key is currently not working
it has been modified by the creator
Can you please provide the latest link for the API, old one is expired and not know how to use new API because there is some changes in new API.
Yes, please send currency api...
bro where you able to find any other alternative?
@@shyamalthakur8366 I solved it bro, do you need the help to resolve it
@@BECEOOPATELKHUSHJ I solved it bro, do you need the help to resolve it
Next Nodejs didi plzzz(❁´◡`❁).
Thank You so much Shradha Didi for this wonderful JavaScript series! 🚀 Your teaching is super clear and easy to follow. 👏 Can you do a series on React.js next? I'm sure it'll be awesome!
didi linkedln ma tag kar kar k thak gaya hun. ek bar v response nahi aya apse BTW Awesome video Thank You
Api not working
Same bro !
Solution Mila ?
@@mohitchamyal4852 learn to use axios, github last update has made fetch api so complex
@@mohitchamyal4852 have any solution?
Bhai chal rahi hain internet on hain
flag api was not working
Didi please react js par bhi series banaoo naa😢
Please maam create a React JS full course video 🥺🙏
Finally finished all the lectures in order. This project was a beast to me. Everything covered so well. Loved the entire series.
In short this course was not bloated at all. Brief, short and crisp. Now will start Node.js from ZTM.
Thanks Shradha and all the best!
don't know the reason the api is not working
Please make a course about node js. Plz plz 😅😅
HELP:ERROR: maam the api has changed, and i cant work with the new api, could u help????????????????
Thanks Di, can you please make course on Spring boot(included in Full stack). Plus can you also make devOps course either on youtube or similar to delta batch you have
this course is very amazing than code with harry and mam your teaching experince is more outstanding😍
Doing all these 13 lacture and practice should I think I have done js.course..was this enough to learn js..?
no bro, as these videos lack knowledge for interviews, and many importnat more concepts too
Thanks Didi for launching this
Javascript series.I am a DELTA
student watching this video for
an early edge
How's the course in delta?
bhai ek bat bta ki delta course me isi taraha padhate h ya kuch detaling me bhi hota h
Mam, the api repo has migrated and the link in your code is not functioning, can you please suggest alternate APIs or a solution to this?
Bhai mujhe vi koi solution btao 😢
@@sanmorya abhi jo latest repo hai uspe jao, waha jaake latest currency list ko download karo, it might be in US base so remove that part and set it to the from country base, after that uss se data extract karke uss data se tocountry ka value derive karo and uss rate nikalo...
const BASE_URL = "latest.currency-api.pages.dev/v1/currencies";
const dropdowns = document.querySelectorAll(".dropdown select");
const btn = document.querySelector("form button");
const fromCurr = document.querySelector(".from select");
const toCurr = document.querySelector(".to select");
for (let select of dropdowns) {
for (let currCode in countryList) {
let newOption = document.createElement("option");
newOption.innerText = currCode;
newOption.value = currCode;
if (select.name === "from" && currCode === "USD") {
newOption.selected = "selected";
} else if (select.name === "to" && currCode === "INR") {
newOption.selected = "selected";
}
select.append(newOption);
}
select.addEventListener("change", (evt) => {
updateFlag(evt.target);
});
}
const updateFlag = (element) => {
let currCode = element.value;
let countryCode = countryList[currCode];
let newSrc = `flagsapi.com/${countryCode}/shiny/64.png`;
let img = element.parentElement.querySelector("img");
img.src = newSrc;
};
btn.addEventListener("click", async (evt) => {
evt.preventDefault();
let amount = document.querySelector(".amount input");
let amtVal = amount.value;
if (amtVal === "" || amtVal < 1) {
amtVal = 1;
amount.value = "1";
}
const URL = `${BASE_URL}/${fromCurr.value.toLowerCase()}.json`;
console.log(URL);
let response = await fetch(URL);
let data = await response.json();
let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()];
console.log(rate);
});
I already watch 2 js playlist but your playlist in on another level all important concepts in very simple language thanks 👍
Exchange rate Api link is not working. Can anyone help? It is showing the link has been changed
Shraddha didi....JS series was woww..... Please make series on react and some projects on it
can someone please share a BASE_URL link
Waiting for node js playlist
Yeh api kam nhi ker rhi abhi please share new api🙏
Thank you so much for such a great series ❤🥲you are a great teacher i've never seen before in my life 😭and also i would like to say you one thing mam ,you had health issues but still you made a video for us 🥲you are really great teacher and may I god bless you mam 🎉❤Once again thank you......
Everything was good , just the API is currently not working . Can somebody explain , how to resolve this issue .
you got new api?
very nice went through whole series.....got good understanding ,thank you so much, there is so much effort seen to make it understand for beginners....the only thing in project is api doesnt work
same issue, that api is not working, i guess the owner has changed it
@@eternalflame2644 same issue!!
@@eternalflame2644 i tried lot of api but not why in the vedeo 8 minn
Shradha Di Ab React Padhna Hai Kab Se Start Ho Raha Hai?
I appreciate you providing this fantastic, simple-to-follow JavaScript course with us, ma'am. I had a great time during the entire tutorial. I am very excited to study backend WebD under your guidance. Ma'am, you really made India fall in love with coding.
have you try the project i have try the project but api link not working if you have the right link please give the api link
@@ManojDas-uf1zk I solved it bro, do you need the help to resolve it
Thank you didi for your help.
so next series make on React js.
Vote for REACT JS Series...
Thank you so much for this JS session, but please start a new session for ReactJS.
pllsss do a reactjs lecture Thank you for js series
Waiting for react js course
this fawazahmed link is not working he migrated in the new one i cannot find the link can someone help me
const BASE_URL = "2024-03-06.currency-api.pages.dev/v1/currencies" ;
const dropdowns = document.querySelectorAll(".dropdown select");
const btn = document.querySelector(".btn") ;
const fromCurr = document.querySelector(".from select") ;
const toCurr = document.querySelector(".to select") ;
const msg = document.querySelector(".msg")
for(let select of dropdowns){
for(currCode in countryList){
let newOption = document.createElement("option") ;
newOption.innerText = currCode ;
newOption.value = currCode ;
if(select.name === "from" && currCode === "USD"){
newOption.selected = "selected" ;
}else if (select.name === "to" && currCode === "INR"){
newOption.selected = "selected" ;
}
select.appendChild(newOption);
}
select.addEventListener("change" , (eve) =>{
updateFlag(eve.target);
})
}
const updateFlag = (element) =>{
let currCode = element.value ;
let countryCode = countryList[currCode];
let newSrc = `flagsapi.com/${countryCode}/flat/64.png` ;
let img = element.parentElement.querySelector("img") ;
img.src = newSrc ;
}
btn,addEventListener("click" ,(eve) =>{
eve.preventDefault();
updateExchangeRate();
})
const updateExchangeRate = async () =>{
let ammount = document.querySelector(".ammount input") ;
let amtVal = ammount.value ;
if(amtVal === "" || amtVal < 1 ){
amtVal = 1 ;
ammount.value = 1 ;
}
const currUrl = `${BASE_URL}/${fromCurr.value.toLowerCase()}.json` ;
let response = await fetch(currUrl)
const data = await response.json();
let convertedData = (data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()] ) ;
// console.log(convertedData);
let finalAmount = convertedData * amtVal ;
// console.log(finalAmount);
msg.innerText = `${amtVal} ${fromCurr.value} = ${finalAmount} ${toCurr.value}`
}
window.document.addEventListener('onload' , () => {
updateExchangeRate() ;
})
API link is not working please check it once ...
Same project kyu bana rha h, make a time converter similar concept but different api and you will get to learn how much "fun" dealing with date and time is
I solved it bro, do you need the help to resolve it
@@ranbirsinghmaan2534 how do you resolve it?
@@ranbirsinghmaan2534 help me bhai
@@ranbirsinghmaan2534 bro help related to api please
problem: app.js:13 Uncaught ReferenceError: countryList is not defined
at app.js:13:20
check whether you used properly and before the app.js
Shraddha mam taught very well but its really unfair that the API is mot working now .I built the whole project and wasted so much time only to come at the very last of the video and came to know that api is not there anymore
Try using another api
What do you mean
@@OfficialEditz3568 I solved it bro, do you need the help to resolve it
I solved it bro, do you need the help to resolve it
@@ranbirsinghmaan2534 please help with the api
please uploade final chapter notes
I have watched a lot of tutorials to learn JavaScript, and I wish I found this playlist earlier, I started this playlist to brush up on the basics, even watching it at 2x speed, I understood all the concepts, especially Callbacks, callback hell, and promises. thank you for the free tutorial.
have you try the project i have try the project but api link not working if you have the right link please give the api link
@@ManojDas-uf1zk I solved it bro, do you need the help to resolve it
@@ranbirsinghmaan2534 i am also facing same problem. could you please help me to get it resolved?
@@ranbirsinghmaan2534 yes
@@ranbirsinghmaan2534 yes i need help ...
mam the api link you provided is not working now please help
Yeah 🎉 Mam completed java script easily and understandably❤
Can anyone tell me what are the advanced javascript concepts
Thankyou so much mam! For your contribution to the learning enthusiastic people who really want to grow their career but can't take any financial risk. Thanks again.
didi api repositry delete kar diye
@shradhaKD the api link you have used for currency converter is not working. Can you provide any other api..
yes not working now what should you do if you find any alternative please give me the link
bro same problem is there any link you find or not and if you found plz tell me
@@ManojDas-uf1zk if you find plz tell me
@@alokshukla3693
const BASE_URL = "latest.currency-api.pages.dev/v1/currencies";
const dropdowns = document.querySelectorAll(".dropdown select");
const btn = document.querySelector("form button");
const fromCurr = document.querySelector(".from select");
const toCurr = document.querySelector(".to select");
for (let select of dropdowns) {
for (let currCode in countryList) {
let newOption = document.createElement("option");
newOption.innerText = currCode;
newOption.value = currCode;
if (select.name === "from" && currCode === "USD") {
newOption.selected = "selected";
} else if (select.name === "to" && currCode === "INR") {
newOption.selected = "selected";
}
select.append(newOption);
}
select.addEventListener("change", (evt) => {
updateFlag(evt.target);
});
}
const updateFlag = (element) => {
let currCode = element.value;
let countryCode = countryList[currCode];
let newSrc = `flagsapi.com/${countryCode}/shiny/64.png`;
let img = element.parentElement.querySelector("img");
img.src = newSrc;
};
btn.addEventListener("click", async (evt) => {
evt.preventDefault();
let amount = document.querySelector(".amount input");
let amtVal = amount.value;
if (amtVal === "" || amtVal < 1) {
amtVal = 1;
amount.value = "1";
}
const URL = `${BASE_URL}/${fromCurr.value.toLowerCase()}.json`;
console.log(URL);
let response = await fetch(URL);
let data = await response.json();
let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()];
console.log(rate);
});
@@alokshukla3693 I solved it bro, do you need the help to resolve it
api mai problem aa rha hai fetch problem plz koi solution dedo
Thanks respected shradha khapra for all your informative videos this videos maks easy to learn JavaScript and again thanks you so much
I applied for Alpha batch and have been chasing their support team for months for an issue. Still no response. Haven't even got my completion certificate. Don't know what to do to grab their attention at this huge flaw of customer dissatisfaction after buying the course and not getting the certificate yet.
I will comment on every video coz I don’t have any other option
API link doesn't work😓
facing same problem
Same bhai
did you find any alternative?
@@shyamalthakur8366 I solved it bro, do you need the help to resolve it
@@milandeori5135 I solved it bro, do you need the help to resolve it
Didi plz typescript bhe karadejeya na humble request
I watched the whole series and am beginner , I understand all topics very well in my first turn.
Thank you 💌
Didi plz typescript bhe karadejeya na humble request
API link is not working .
this api is not working for currency converter @shardaKD please help
Your way of teaching is so good. But I feel you are prolonging a bit. For example, if you are speaking about promises, you are telling things excessively than required.
HELP:ERROR: maam the api has changed, and i cant work with the new api, could u help????????????????
didi localstorage video
enjoyed this full series, Thank You mam❤, PPLZ make a playlist on ReactJS, there is placement in my college in 2 months 🙏
Dev tu bhii final me start Kiya ??
There is a problem in fetching the API, an error is being shown, please give any suggestions.🥺
HELP:ERROR: maam the api has changed, and i cant work with the new api, could u help????????????????
please provide different API , this API is not working.....
The API Is now migrated.
Api isn't working what should we do?
thank you please ab node js par bana do
currency converter ki url fetch nhi ho raha hai
Url me problem hai
is that api not working for me only or is there anyone else
@@sanmorya konsi?