Skip to content

feat: простой браузерный счётчик в серо‑солнечных тонах - #3

Open
minislon wants to merge 1 commit into
mainfrom
codex/create-simple-browser-counter-design
Open

feat: простой браузерный счётчик в серо‑солнечных тонах#3
minislon wants to merge 1 commit into
mainfrom
codex/create-simple-browser-counter-design

Conversation

@minislon

Copy link
Copy Markdown
Owner

Motivation

  • Упростить интерфейс проекта и заменить демонстрационную игру на небольшой полезный UI‑компонент — лёгкий браузерный счётчик с тёплой серо‑солнечной палитрой.

Description

  • Заменён index.html: добавлена разметка счётчика с заголовком, значением (id="counterValue") и кнопками , Сброс, +.
  • Переписан script.js: удалена логика Tetris и добавлена логика счётчика (увеличение, уменьшение, сброс) и простая pulse‑анимация при обновлении значения.
  • Обновлён style.css: добавлена тема в серых и тёплых солнечных тонах, плавные градиенты, карточка и стили кнопок с hover/active эффектами.
  • Небольшие улучшения доступности: значение счётчика отмечено aria-live="polite" для озвучивания изменений.

Testing

  • Выполнен npm test, тестовая команда проекта выводит заглушку and завершилась успешно.

Codex Task

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: a30aa16691

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread script.js
counterValue.textContent = value;
counterValue.classList.remove('counter__value--pulse');
void counterValue.offsetWidth;
counterValue.classList.add('counter__value--pulse');

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Clear pulse state after rendering

The pulse effect is applied with counter__value--pulse on every render but never removed afterward, so after the initial renderCounter() call the value remains permanently scaled/colored instead of briefly pulsing on updates. This makes the UI stay in the highlighted state and prevents a true pulse cycle on each increment/decrement/reset.

Useful? React with 👍 / 👎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant