Как лучше реализовать disabled состояние кнопки: через CSS или JavaScript и почему

Лучше использовать комбинацию HTML-атрибута `disabled` и CSS. **HTML:** ```html Submit ``` **CSS:** ```css button:disabled { opacity: 0.5; cursor: not-allowed; } ``` **Почему так?** 1. **Доступность:** Браузеры и скринридеры понимают атрибут `disabled`, что важно для UX. 2. **Семантика:** JS-решения (например, `pointer-events: none`) не блокируют форму и не передают состояние в DOM. 3. **Простота:** Не нужно дублировать логику в JS – стили применяются автоматически. JS стоит использовать только для динамического управления состоянием (например, валидация формы).