phone-mask.js

const phoneMask = selector => {
    const phoneElement = document.querySelector(selector);
    phoneElement.addEventListener('keyup', () => {
        const match = phoneElement.value.replace(/\D+/g, '').match(/(\d{1})(\d{3})(\d{3})(\d{2})(\d{2})/);
        phoneElement.value = `${match[1]} (${match[2]}) ${match[3]}-${match[4]}-${match[4]}`;
    });
};