Bad practice: Fake button

Recipe 4.3 Remove default button styles

Sample:

Code:

<div class="button" aria-label="Navigation">
  <svg width="24" height="24" aria-hidden="true">
    <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z">
  </svg>
</div>
<script>
const button = document.querySelector('.button');
button.addEventListener('click', e => {
  console.log('do something')
})
</script>