Create a Currency Converter WIth JavaScript HTML and CSS
💡 Boost your production with Pieces : https://cutt.ly/Pieces
🎁 Join my channel to get access to perks:
/ @codeexplained
🧡 Hello All JavaScript Lovers Outhere!
Today we are going to build a JavaScript project, which is; the currency converter using JavaScript, It will be a very clean tutorial where everything is explained very well, and a long the way this is what you will learn today:
🔸 Manipulate the DOM with JavaScript.
🔸 Render informations from a JavaScript object to the user interface.
🔸 Use of Leteral expression (backticks, multi-line string).
🔸 iterate an object with a for in loop.
🔸 Fetch an API using fetch().
🔸 Async await code.
🔸 Global variable vs Local variable.
🔸 JSON parse a response.
🔸 Input vs Change event listeners.
🕔 Timeline :
00:00 - Project Preview
01:22 - Download starter template : https://github.com/CodeExplainedRepo/...
02:25 - Create the MARKUP for our App.
06:11 - Get user's local currency. https://ipdata.co/
09:32 - Get exchange rate and currencies. https://cutt.ly/CurrencyLayer
17:12 - Fetch API for user's local currency.
19:21 - Fetch API for the currencies.
21:45 - Fetch API for exchange rate.
25:30 - Render the exchange rate.
39:19 - Render the currencies list.
49:14 - Convert currencies.
59:09 - Add user interactivity to the App.
🌍 Social Media Links.
◾ Facebook : / code.explained.official
◾ Twitter : / code_explained
◾ Instagram : / code.explained.official
◾ GitHub : https://github.com/CodeExplainedRepo
💲 Suppport the Channel
Paypal : https://paypal.me/CodeExplained
Buy Me a Coffee: https://www.buymeacoffee.com/CodeExpl...
Смотрите видео Create a Currency Converter WIth JavaScript HTML and CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Code Explained 13 Январь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7,195 раз и оно понравилось 172 людям.