如何滚动div并单击带有特定按钮文本的按钮

<div id="scrollableDiv" style="overflow-y: scroll; height: 200px;">
  <button>按钮1</button>
  <button>按钮2</button>
  <button>按钮3</button>
  <button>按钮4</button>
  <button>按钮5</button>
  <button>按钮6</button>
  <button>按钮7</button>
  <button>按钮8</button>
  <button>按钮9</button>
  <button>按钮10</button>
</div>

var scrollableDiv = document.getElementById("scrollableDiv");
var buttons = scrollableDiv.getElementsByTagName("button");

for (var i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener("click", function() {
    if (this.innerText === "特定按钮文本") {
      // 执行特定按钮文本匹配时的操作
      console.log("点击了带有特定按钮文本的按钮");
    }
  });
}

for (var i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener("click", function() {
    if (this.innerText === "特定按钮文本") {
      // 执行特定按钮文本匹配时的操作
      console.log("点击了带有特定按钮文本的按钮");
      this.scrollIntoView();
    }
  });
}