Главная / Программирование и IT / Тест скорости печати

Тест скорости печати

Описание промпта

Интерактивный тренажер для измерения скорости и точности набора текста с графиками и статистикой.

Что делает этот промпт

Генерирует код для интерактивного теста скорости печати с расчетом WPM, точности, визуализацией ошибок и сохранением истории.

Преимущества

Помогает тренировать навыки набора текста, отслеживать прогресс и сравнивать результаты. Подходит для разработчиков, студентов и офисных работников.

Для кого подходит

Разработчики, студенты IT-специальностей, люди, желающие улучшить навыки клавиатурного набора.

Инструкция по использованию промпта

Скопируй сгенерированный код в файл index.html и открой в браузере. Для добавления новых текстов отредактируй массив texts в JS-части кода.

Что нужно предоставить

Требуется современный браузер с поддержкой ES6+ и localStorage. Для графиков можно подключить Chart.js, но в базовой версии используется Canvas API.

Что ожидать в результате

Рабочее одностраничное приложение с интерфейсом теста, подсчетом статистики в реальном времени, историей результатов и адаптивным дизайном.

Рекомендации

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

Ограничения

Базовая версия не требует интернета. Функция «Соревнование» работает только локально. Нет серверной части для синхронизации между устройствами.

Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.

Текст промпта

ChatGPT / Claude / Llama Войти для копирования

Выступи в роли опытного фронтенд-разработчика. Создай полноценное веб-приложение для теста скорости печати, используя HTML5, CSS3 и JavaScript. Приложение должно работать в браузере без внешних зависимостей.

Требования к функционалу:
1. Интерфейс: Чистый, современный дизайн. Отображение текста для набора, поле ввода и таймер. Адаптивная верстка для мобильных устройств.
2. Расчет метрик: Реализуй подсчет WPM (слов в минуту) и точности (%) в реальном времени. Используй формулу: WPM = (количество правильных символов / 5) / время в минутах.
3. Сложность: Добавь выбор уровней сложности (легкий, средний, сложный) с соответствующими наборами текстов.
4. Визуализация ошибок: Подсвечивай правильные символы зеленым, неправильные — красным. Добавь виртуальную клавиатуру, показывающую нажатия.
5. История и статистика: Сохраняй результаты в localStorage. Визуализируй прогресс с помощью графиков (используй Canvas или SVG).
6. Дополнительно: Поддержка нескольких языков, режим «Соревнование» (локальный лидерборд), возможность импорта своего текста.

Напиши полный код в одном HTML-файле (включая CSS и JS). Убедись, что код чистый, комментированный и готовый к запуску.

Тест скорости печати

Поделитесь в социальных сетях

Комментарии