Currency Converter | HTML, CSS, JavaScript Tutorial
Hey Everyone, Welcome Back to my JavaScript tutorial. In this tutorial, I am going to show you, how to create a Currency Converter, using HTML, CSS and JavaScript.
This video is going to cover HTML div, span, link, classes, style attribute; CSS properties like display, background, color, font size, margin, padding, width, height etc.; JavaScript functions and methods like, query selector, fetch, await, async function, event listeners, custom functions, round etc; Other things like Material Icons, Importing a Google Font, Fixer.io API etc.
-------------------------------------------------
EDIT (15/12/23):
The ExchangeHost API now requires an API key to work. They also seem to have changed their endpoints. To keep most of the code same, follow below steps:
1. Sign up on fixer.io website and get your API key.
2. Update the requestURL variable in the code to below, replacing api_key with your API key.
http://data.fixer.io/api/latest?acces...
-------------------------------------------------
Links:
• Material Icons - https://developers.google.com/fonts/d...
• Yantramanav Font - https://fonts.google.com/specimen/Yan...
• Fixer io website - https://fixer.io/
-------------------------------------------------
Download Source Code (Support my channel):- / 65002658
-------------------------------------------------
Timestamps:-
0:00 - Introduction
1:00 - Writing HTML Code
1:10 - Including Material Icons
1:21 - Continue HTML Code
4:25 - Importing Yantramanav Font
4:54 - Writing CSS Code
13:30 - Writing JavaScript Code
26:20 - Final Preview
27:08 - Outro
Auf dieser Seite können Sie das Online-Video Currency Converter | HTML, CSS, JavaScript Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Sharnav's Tech 11 April 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 16,362 Mal angesehen und es wurde von 271 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
