JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div>
    Some text.<br>
    Some text.<br>
    Some other text.<br>
    Some text.<br>
    Some text.<br>
    Some other text.<br>
    Some text.<br>
    Some text.<br>
    Some other text.<br>
    Some text.<br>
    Some text.<br>
    Some other text.<br>
    Some text.<br>
    Some text.<br>
    Some other text.<br>
    Some text.<br>
    Some text.<br>
    Some other text.<br>
    Some text.<br>
    Some text.<br>
    Some other text.<br>
    Some text.<br>
    Some text.<br>
    Some other text.
  </div>
  <br>
  <button>
    Scroll to bottom
  </button>
</body>

CSS

div {
  height: 75px;
  overflow: auto;
  background: rgb(210, 210, 210);
  margin-top: 50vh;
}
html, body {
  height: 200vh;
}

JavaScript

let button = document.querySelector("button");
let div = document.querySelector("div");

button.addEventListener("click", function() {
  div.scrollTo(div.scrollX, div.scrollHeight - div.clientHeight);
});