Format input field dynamically to add hyphens after specific length of characters

input-formatter.js

const addHyphens = (inputField) => {
    inputField.addEventListener('input', (event) => {
      let value = event.target.value.replace(/-/g, '');
      let formattedValue = '';

      for (let i = 0; i < value.length; i++) {
        if (i === 5 || i === 12) {
          formattedValue += '-';
        }
        formattedValue += value[i];
      }

      event.target.value = formattedValue;
    });
  }