JSFiddle - React, Tailwind, and code Playground

by nobuts

HTML

Src 1: <input type='text' class='src' data-dest="dest1" maxlength="10">
Dest 1: <p class="dest" id='dest1'></p>
<br />
Src 2: <input type='text' class='src' data-dest="dest2" maxlength="10">
Dest 2: <p class="dest" id='dest2'></p>

JavaScript

$(function() {
  $('.src').on('input', function() {
    var src = $(this);
    var dst = src.data('dest');
    $('#' + dst).html(src.val().replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3'));
  });
});