Dúvida ao usar condicional no Js com HTML

Tem algumas formas de se fazer isso:

HTML:
  <button id="btnfront">Frontend</button>
  <button id="btnback">Backend</button>

// Javascript
// 1 - Referênciando os botoes do html através do id:
const btnfront = document.querySelector('#btnfront');
const btnback = document.querySelector('#btnback');

// Evento de click para cada um dos botoes:
btnfront.addEventListener('click', () => {
  console.log('Front')
})

btnback.addEventListener('click', () => {
  console.log('Back')
})


// 2 - Aqui é quase a mesma coisa que acima, porém, com algumas diferenças, estou percorrendo todos "pegando" todas as tags button do html, percorrendo cada uma delas atraves do forEach, e para cada tag button, tem um evento de click e assim é feito o if para verificar o valor interno.

const todosBotoes = document.querySelectorAll('button');

todosBotoes.forEach(button => {
  button.addEventListener('click', (event) => {
    if(event.target.textContent == 'Frontend') {
      console.log('js');
    }

    if(event.target.textContent == 'Backend'){
      console.log('node');
    }

  })
})