Условие
На доке TapBay панель слушает палец, а не мышь. В script.js повесьте на #pad три обработчика: touchstart, touchmove, touchend. В каждом вызывайте event.preventDefault(). При старте добавьте класс lit, увеличьте счётчик в #tally и напишите в #board сообщение со словом start и числом пальцев из event.touches. При движении обновите #spot координатами из event.targetTouches[0]. При отпускании уберите lit и в #board напишите end с координатами из event.changedTouches[0]. HTML и CSS не трогайте. Превью уже в режиме Телефон - так удобнее проверять тач. Сверьте с вкладкой «Результат».
Что нужно сделать
touchstart→ классlit, счётчик, текст start + fingers.touchmove→ в#spotстрока видаX: 120 · Y: 80.touchend→ снятьlit, сообщение end с координатами.- Во всех трёх -
event.preventDefault().
Подсказка для новичка
На обычной мыши touch-события не сработают. В превью оставьте Телефон (уже включён) и тяните «пальцем» по панели. Координаты берите через Math.round(finger.clientX).
Стартовый код
Пишите только в script.js. «Помощник» подставит решение по шагам.
Вот так должно получиться
После касания панель жёлтая, в #spot координаты, в #tally счётчик
Как пользоваться IDE
- Предпросмотр — как выглядит ваша страница.
- Результат — какой итог должен получиться.
- Описание задачи — полное условие и справка.
- Задание — краткие шаги 1–2–3 снизу.
- Помощник — подсказки по шагам.
- Черновик — ссылка на ваш код.
- Сброс кода — стартовый шаблон.
touchstart
Палец коснулся панели. Добавьте lit, обновите счётчик и event.touches.length.
touchmove / touchend
Движение - targetTouches[0]. Отрыв - changedTouches[0] (палец уже не в touches).
preventDefault
Отменяет прокрутку и жесты браузера, чтобы тап обрабатывали вы.
Коротко: start+lit → move+#spot → end−lit · везде preventDefault.