javascriptで要素を判定したい

Question

javascriptで、選択された要素が最後か判断したい。
下記イメージのようにボタンがあるとき、ボタン3が選択されるまで処理を繰り返したいです。
ループ処理方法を教えてください。

（イメージ）
ボタン1
ボタン2
ボタン3

Comments

[defghi1977]

「選択された要素」の意味が不明

[m.ts10806]

自身が試されたコードを提示し、何がどこまで分かっていて、何が分からないかを明記してください。　　https://teratail.com/help/question-tips#questionTips1-2

[m.ts10806]

以前の質問と関連性があるならその旨も追記してください(先ほどは気づかず回答してしましましたが・・）

Answer 1

let buttons = document.querySelectorAll('button');
buttons.forEach((element, index) => {
  console.log(element);

  if (index + 1 === buttons.length) {
    console.log('last');
  }
});

Answer 2

<script>
window.addEventListener('DOMContentLoaded', function(e){
  var n=document.querySelectorAll('input[type=button]');
  n[n.length-1].addEventListener('click',function(e){
    alert('最後のデータ');
  });
});
</script>

<input type="button" value="1">
<input type="button" value="2">
<input type="button" value="3">

Answer 3

<button>button1</button>
<button>button2</button>
<button>button3</button>

document.querySelector("button:nth-of-type(3)")