Javascript Global Format Currency

Question

I have been searching for hours and there appears to be no simple way to present a number in local currency. I have gotten very close but I can't get the last piece of info, being the local currency code ('USD' for United States in the below example)

using navigator.language I can get the local format ('en-US', etc), which is great. one step closer to a perfect global currency formatter, but still cannot get the currency code!

const formatter = new Intl.NumberFormat(navigator.language, { style: 'currency', currency: 'USD', minimumFractionDigits: 0 });

I have found web sites that have large tables with every currency code for each country. I could try importing all that data into a table and then mapping a gps location or browser location to one of those but that is going to be messy. Other option is to let the user selected from a drop-down, but again that is very messy.

Are we really in the year 2020 and no one has thought to create a dynamic way to get the local currency code to the browser?

Has anyone solved this?

Rick · Accepted Answer · 2020-05-18 04:55:48Z

Here's what I came up with. Possibly the world's first global currency formatter. Should work perfectly in any country. (requires jQuery):

function formatNumberToLocalCurrency(amount=0, refresh=false) { if (refresh || !localStorage.geoplugin_currencyCode) { $.getJSON('http://www.geoplugin.net/json.gp?jsoncallback=?', function (data) { localStorage.geoplugin_currencyCode = data.geoplugin_currencyCode; }); } const formatter = new Intl.NumberFormat(navigator.language || 'en-US', { style: 'currency', currency: localStorage.geoplugin_currencyCode || 'USD', minimumFractionDigits: 0 }); return formatter.format(amount); }

Collectives™ on Stack Overflow

Javascript Global Format Currency

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related