Почему событие клика по кнопке срабатывает и на родительском элементе

Это происходит из-за всплытия событий (event bubbling) в DOM. Когда событие происходит на элементе, оно сначала срабатывает на нем, затем поднимается вверх по дереву DOM, вызывая обработчики на всех родительских элементах. Пример: ```html ``` При клике на кнопку в консоли будет: 1. "button clicked" 2. "parent clicked" Чтобы предотвратить всплытие, используйте `event.stopPropagation()`: ```javascript document.getElementById('child').addEventListener('click', function(event) { console.log('button clicked'); event.stopPropagation(); }); ``` Также можно использовать `event.stopImmediatePropagation()`, если нужно остановить и другие обработчики на этом же элементе.