![]() I always try to look at the structure before moving onto the styling with CSS, followed by the Javascript code.įirst lets look at the HTML that was provided by the guys over at scrimba: Amazing Currency Converter Īs you can see we have a simple HTML layout with a h1 heading and the input fields and button I mentioned earlier. Google and yahoo, amongst others both have good examples of currency convertors.įrom this research I decided to improve the overall solution and remove the button which seemed like an unnecessary step in the process, which I am about to show you. There are so many resources of information out there and so to start with, I googled some online currency convertors for inspiration. The challenge was set to build a currency converter that would display 4 input fields and a button, an amount field, original currency field, new currency field and exchange rate field.īy clicking a button, the converted amount would be displayed underneath the button as per the mock up image below. I'm going to take you step by step of how I made a currency converter, sooooo. So I thought I'd do just that and give you guys a little tutorial of my solution for the weekly challenge set by. I'm excited and nervous to be writing this but I believe for each article you write, it will get easier and its a really good way to help solidify what you've learned. It's the team over at 's fault for making me do it. So this is my second article on Hashnode. (Updated article with some improved functionality.) ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |