этот вариант
надо смотри что бы было вот так
Вначале я нажимаю кнопку и инпут становится доступным
По клику на любой из символов он выделяется и я могу стрелками его менять или вправо/влево перепрыгивать на другой символ

Двойной клик выделяет все и я могу вводить с клавиатуры число, потом делаю подверждение и если оно не формата 4 символа до знака и после то преобразовуется

Так вот это все было в нативном инпуте

А сейчас вот еще захотели шрифт до знака побольше

может кто подскажет, не понимаю почему в 11 строке бьет эррор

Потому что там нет поля response :)

+

принял

снял с языка :)

Жуть какая. Я бы сразу такой функционал делал кастомным инпутом. А как внутри нативно цифры выделять по одной?

Спасибо, почитаю, не сталкивался с таким

еще предлогали делать много инпутов под каждую цыфру люди, но помоему тоже жестко)

а что значит кастомный инпут? Если он не инпут, то вводить данные как)

Или прозрачный инпут поверх класть, или contenteditable

А дальше слушать события на изменения, парсить данные и отображать как нужно

а что меняется? по сути всеравно я так понимаю нужно 2 тега что бы разные шрифты были
Типа 2 инпута, в 1 до знака, второй после знака и какой-то магией клеить предыдущий функционал с видео 🙈

В принципе да, надо попробовать через 2 инпута

Тем более если функционал выделения и инкремента реализован, второй инпут поставить рядом и связать вотчером

Или не вотчером а в методе

У вас уже в принципе задача готова, надо чутка подпилить