JSFiddle - React, Tailwind, and code Playground

by Shobhit Sharma

HTML

<input type="text" id="money" value="12.345,56" />
<h4 id="print">[output]</h4>

JavaScript

document.getElementById('money').addEventListener('keyup', function() {
  var locale = 'de-DE' // navigator.language || 'en-US';
  var money = this.value;

  if (locale === 'de-DE') {
    money = money.replace(/\./g, "").replace(/,/, ".");
  }

  document.getElementById('print').innerHTML = 'output: ' + money.toLocaleString('en-US', {
    style: 'currency',
    currency: 'EUR'
  });
}, false)