как остановить событие js

<div id="parent">
  <button id="child">Нажми меня</button>
</div>

<script>
  const parent = document.querySelector('#parent');
  const child = document.querySelector('#child');

  parent.addEventListener('click', () => {
    console.log('Клик на родительском элементе');
  });

  child.addEventListener('click', (event) => {
    event.stopPropagation(); // остановим событие на дочернем элементе
    console.log('Клик на дочернем элементе');
  });
</script>