Ты уже умеешь работать с ИИ — теперь используй его на практике. Сначала попроси ИИ сгенерировать готовый калькулятор, а затем последовательно выполни 20 заданий, улучшая его.
С чего начать
Прежде чем делать задания — скажи ИИ сгенерировать базовый калькулятор. Используй такой запрос:
Поменяй цвет кнопок операций
Кнопки +, −, ×, ÷ и = должны быть другого цвета — например оранжевого или синего. Так их сразу видно среди цифр.
Добавь название калькулятора
Над кнопками должен быть заголовок, например «Мой калькулятор». Можешь написать любое название.
Смени общий стиль на свой вкус
Поменяй фон страницы, шрифт или скругление кнопок. Сделай так, чтобы тебе нравилось — это твой калькулятор.
Анимация нажатия кнопок
Когда нажимаешь кнопку — она должна чуть-чуть «вдавливаться». Это делает калькулятор живым и приятным.
Переключатель темы
Добавь кнопку 🌙 / ☀️ — она меняет тёмный вид на светлый и обратно. При нажатии всё плавно перекрашивается.
Тема сохраняется
Если выбрал тёмную тему и перезагрузил страницу — должна остаться тёмная. Браузер должен помнить выбор.
Деление на ноль — показывай «Ошибка»
Сейчас при делении на ноль калькулятор показывает «Infinity». Замени это на понятное сообщение «Ошибка» красным цветом.
Запрети две запятые в одном числе
Если в числе уже есть запятая и ты нажмёшь её ещё раз — ничего не должно произойти. Одна запятая на число.
Кнопка ⌫ — удалить последний символ
Добавь кнопку ⌫ (backspace). Нажал — удалился последний введённый символ. Если ничего не осталось — показывается «0».
Кнопка % — считает проценты
Добавь кнопку %. Пример: набери 200 + 10% = и получи 220. Это удобно для расчёта скидок и наценок.
Кнопка «Скопировать результат»
Рядом с дисплеем добавь маленькую кнопку 📋. Нажал — результат скопировался в буфер. На дисплее на секунду появляется «Скопировано!».
Показывай последние 5 вычислений
Под калькулятором появляется список: последние 5 примеров и их результаты. Например: «2 + 3 = 5».
История не пропадает при перезагрузке
Закрыл вкладку, открыл снова — история на месте. Браузер запоминает все твои вычисления.
Показывай время каждого вычисления
Рядом с каждой записью в истории добавь время когда было сделано это вычисление. Например: «14:32».
Клик по записи — вставляет результат
Нажал на запись в истории — и её результат появляется на дисплее. Можно сразу продолжать считать.
Кнопка очистки истории с подтверждением
Добавь кнопку «Очистить историю». При нажатии появляется всплывающее окно: «Вы уверены?» с кнопками «Да» и «Нет».
Поддержка клавиатуры
Можно считать, не нажимая кнопки мышью: цифры с клавиатуры, Enter = посчитать, Escape = сбросить, Backspace = удалить символ.
Размер цифр на дисплее
Добавь две маленькие кнопки A+ и A−. Нажимаешь A+ — цифры на дисплее становятся крупнее. A− — меньше.
Красиво на телефоне
Открой калькулятор на телефоне или сузь окно браузера — должно быть удобно. Кнопки крупные, всё влезает на экран.
Кнопка «Инженерный режим»
Добавь переключатель, который открывает дополнительный ряд кнопок: √ (корень), x² (квадрат). Нажал ещё раз — ряд скрывается.