Оцените мой кошмарный позор

[DivMan]

Вёрстка под все современные браузеры.
Адаптивная вёрстка под устройства: desktop, mobile, tablet.
Страница с поддержкой тач и клик. Без поддержки клавиатуры.
Соблюдение логики работы страницы:
    при нажатии на цифры заполняется поле с номером телефона;
    стрелка “Назад” удаляет последнюю введённую цифру;
    форма не позволяет вводить более 10 цифр;
    пока номер телефона не введён полностью зелёная кнопка с галкой неактивна;
    при вводе всех 10 цифр зелёная кнопка с галкой становится кликабельной;
    остальные элементы интерфейса, присутствующие на макете, должны присутствовать и на     странице, но без интерактива.
Отсутствие ограничений на использование дополнительных библиотек.

///////////////////////////////////////////////////////////////////////////

 

Адаптив уже не стал делать.

работа http://allnet.16mb.com/telephone/

файл js http://allnet.16mb.com/telephone/script.js

зато сам

картинка 

 

Edited August 26, 2016 by DivMan

[Николя223]

Разделители пряч внутри тегов. с цифрой. , чтобы проще удалять было.  

и вон что набрал http://joxi.ru/V2VnE9bh0opvL2

[DivMan]

а бэкенщик наверно убьёт за такое, если начнёт обрабатывать? 

[andrey7287]

За всё время что ты мучаешься с JS, так и не понял что такое делегирование.  Писать даже такие простые вещи, не понимая фундаментальных основ у тебя не получиться.  Мой тебе совет, установи JQuey и избавь себя от этих страданий.  Эта прекрасная библиотека позволит тебе  быстро и легко делать подобные штуки особо не разбираясь в том как работает JS.

 

ЗЫ С оценкой, которую сам себе поставил полностью согласен.     

http://joxi.ru/52ayLwMC3RP920

 

[DivMan]

Я же применил делегирование 

[andrey7287]

Попробуй покликать между кнопками.

 

[fiver]

первый пробел после 4-х цифр. вот как получается +7 4953 334-45-5 , а должно быть +7 495 333-44-55