маска телефона

by avgustre

HTML

<span class="phone_number">+79991234567</span> <span class="phone_number_active show">Показать</span>

JavaScript

$(function() {
  let holder = $('.phone_number'),
    button = $('.phone_number_active'),
    number = holder.text(),
    symbolsForHide = 7,
    show = () => {
      holder.text(number)
      button.removeClass('show').text('Скрыть')
    },
    hide = () => {
      holder.text(number.replace(new RegExp('(.+).{' + symbolsForHide + '}$'), "$1" + 'x'.repeat(symbolsForHide)))
      button.addClass('show').text('Показать')
    }
  button.click(function() {
    if ($(this).hasClass('show')) show()
    else hide()
  })
  hide()
})