Как сделать div интерактивным

Чтобы сделать `div` интерактивным, добавьте обработчики событий (например, клик, ховер) и стили для обратной связи. Пример: ```html ``` ```css .interactive-div { cursor: pointer; padding: 10px; background: #eee; transition: background 0.3s; } .interactive-div:hover { background: #ddd; } .interactive-div:active { background: #ccc; } ``` ```javascript document.querySelector('.interactive-div').addEventListener('click', () => { alert('Div был кликнут!'); }); ``` Ключевые моменты: - `cursor: pointer` показывает, что элемент кликабелен - CSS-переходы для плавной анимации - Обработчики событий JS для логики - ARIA-атрибуты (`role="button"`) для доступности