Калькулятор Плагин — готовое браузерное расширение для выполнения базовых арифметических операций прямо в браузере. 🚀

1. 📦 Скачайте архив с готовым плагином или перейдите по ссылке на страницу загрузки.
2. 🔗 Откройте в браузере chrome://extensions/.
3. 🔧 Включите Режим разработчика.
4. 📂 Нажмите Загрузить распакованное расширение и выберите папку с плагином.
5. ⭐ Иконка калькулятора появится на панели расширений — кликните, чтобы открыть интерфейс.

• Vanilla JavaScript: управление вводом, вычисления и взаимодействие с DOM (appendNumber, calculate, работа с событиями). ⚙️
• HTML & CSS: семантическая разметка кнопок и полей, адаптивный дизайн без внешних библиотек. 🎨
• Manifest V3: конфигурация плагина для Chrome/Chromium. 📦
• LocalStorage: сохранение темы оформления (светлая/тёмная) между сессиями. 💾
• Accessibility & UX:
  • 🔢 Точная навигация по Tab сверху вниз, как на реальном калькуляторе
  • 🚫 Блокировка ввода нежелательных символов

Что получили в итоге:

• 🎯 Понимание работы с событиями клавиатуры и мыши
• 🧩 Практика DOM-манипуляций и управления фокусом элементов
• 💡 Опыт использования localStorage для сохранения настроек
• 🛠️ Навык создания небольших расширений на Manifest V3

Простой и удобный калькулятор, который поддерживает ввод как с мыши 🖱️, так и с клавиатуры ⌨️.
Позволяет выполнять:

• ➕ Сложение
• ➖ Вычитание
• ✖️ Умножение
• ➗ Деление
• 🔢 Процентные вычисления
• ↔️ Смену знака

• ✅ Навигация по Tab: фокус перемещается сверху вниз
• ➕ Отображение операции над полем ввода
• ⌨️ Полная клавиатурная поддержка: цифры, операции, Enter для вычисления, Backspace/Del для очистки
• 🎉 Улучшенное UX и микровзаимодействия

Ваши отзывы и предложения можно отправлять:

• 💬 @EgorGorynych

Проект доступен под MIT License — свободное использование и модификация приветствуются. 🙌

Спасибо за внимание и поддержку!
Удачи в программировании! 🚀

Calculator Plugin — a ready-to-use browser extension for performing basic arithmetic operations right in your browser. 🚀

1. 📦 Download the archive with the plugin or follow the link to the download page.
2. 🔗 Open your browser’s extensions page: chrome://extensions/.
3. 🔧 Enable Developer mode.
4. 📂 Click Load unpacked extension and select the folder containing the plugin.
5. ⭐ The calculator icon will appear in your extensions toolbar—click it to open the interface.

• Vanilla JavaScript: input handling, calculations, and DOM interactions (appendNumber, calculate, event handling). ⚙️
• HTML & CSS: semantic markup for buttons and fields, responsive design without external libraries. 🎨
• Manifest V3: extension configuration for Chrome/Chromium. 📦
• LocalStorage: saving light/dark theme settings across sessions. 💾
• Accessibility & UX:
  • 🔢 Precise Tab navigation top-to-bottom like a physical calculator
  • 🚫 Blocking of unwanted character input

Key takeaways:

• 🎯 Understanding keyboard and mouse event handling
• 🧩 Practice with DOM manipulation and focus management
• 💡 Experience using localStorage for persisting settings
• 🛠️ Skill in creating small Manifest V3 extensions

A simple, user‑friendly calculator supporting both mouse 🖱️ and keyboard ⌨️ input.
Performs:

• ➕ Addition
• ➖ Subtraction
• ✖️ Multiplication
• ➗ Division
• 🔢 Percentage calculations
• ↔️ Sign toggle

• ✅ Tab Navigation: focus moves top-to-bottom
• ➕ Operation Display above the input field
• ⌨️ Full Keyboard Support: digits, operations, Enter to compute, Backspace/Del to clear
• 🎉 Enhanced UX and micro‑interactions

Send your feedback and suggestions to:

• 💬 @EgorGorynych

This project is released under the MIT License — feel free to use and modify. 🙌

Thank you for your support!
Happy coding! 🚀