JSFiddle - React, Tailwind, and code Playground

by chucknelson

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/libphonenumber-js/1.7.48/libphonenumber-js.min.js"></script>
<h1>
  Hello
</h1>

<input id="phone" type="text">

JavaScript

$("#phone").keyup(function() {
  console.log('key!')

	// To avoid the "can't delete parens" issue, maybe only format if numbers have changed?

  var val_old = $(this).val();
  var newString = new libphonenumber.AsYouType('US').input(val_old);
  $(this).focus().val(newString);
})