【JavaScript】同じクラス名を持つ複数のオブジェクトのクリックを区別する方法

HTML

<button type="button" class="btn" id="1">1</button>
<button type="button" class="btn" id="2">2</button>
<button type="button" class="btn" id="3">3</button>

JavaScript

window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelectorAll('.btn').forEach(x=>{
    x.addEventListener('click',e=>{
      console.log(x.textContent);
    });
  });
});