Number with commas

How to make input number with commas.

by Taron Hambardzumyan

HTML

<form>
<label>
  Start typing number
  <input class="test" type="text" />
</label>
</form>

JavaScript

function commaSeparateNumber(val) {
	// Check if imput is not empty
	if (val) {
    // Remove commas from string
    const number = parseFloat(val.replace(/,/g, ''));
    // Make number with commas
    return new Intl.NumberFormat().format(number);
  } else {
		return '';
	}
};    

$(document).on('keyup', '.test', function() {
    var value = $(this).val();
    value = commaSeparateNumber(value);
    $(this).val(value);
});