Как я могу переписать свои конкретные функции, чтобы они были совместимы с несколькими событиями

У меня есть несколько контейнеров с блоками контента внутри них. У меня есть две функции, которые активируются нажатием кнопки слева или справа от контейнера, который будет прокручивать его влево или вправо. Эти две функции отлично работают для первого контейнера, но поскольку у меня есть еще четыре из этих контейнеров, которые я хочу прокручивать, должен быть более простой способ написать эти функции, чтобы они были совместимы со всеми пятью контейнерами.

Я всегда мог бы скопировать и вставить один и тот же код еще четыре раза, но это делает код очень уродливым и избыточным, потому что единственное, что меняется, — это класс контейнера, который нужно прокручивать.

Я надеюсь, что некоторые более опытные фронтендеры смогут помочь мне переписать эти функции. Я не такой продвинутый кодер, поэтому я изо всех сил пытаюсь найти хорошее решение.

Еще одна проблема заключается в том, что функции, которые делают возможной прокрутку, не являются полностью моим собственным кодом. Я нашел большую часть его где-то в Интернете и лишь немного изменил, чтобы он работал на моем веб-сайте. Так что я не совсем уверен, как работают все эти утверждения, только примерно.

В качестве возможного решения я подумал, что у меня может быть массив, в котором хранятся имена классов контейнеров, и они должны быть вставлены туда, где я делаю .querySelector, чтобы получить класс. Но, к сожалению, я не мог заставить это работать так, как я хотел.

<!-- example code -->
<div>
      <h1>Container title</h1>
        <div>
         <button id="scrollLeft1" type="button">&#60;</button>
          <div class="container">
            <figure>
                <img src="some image" alt="">
                <figcaption>Test 1</figcaption>
            </figure>
            <figure>
                <img src="some image" alt="">
                <figcaption>Test 2</figcaption>
            </figure>
            <figure>
                <img src="some image" alt="">
                <figcaption>Test 3</figcaption>
            </figure>
          </div>
         <button id="scrollRight1" type="button">&#62;</button>
        </div>
</div>
<div>
      <h1>Container title 2</h1>
        <div>
         <button id="scrollLeft2" type="button">&#60;</button>
          <div class="container">
            <figure>
                <img src="some image" alt="">
                <figcaption>Test 1</figcaption>
            </figure>
            <figure>
                <img src="some image" alt="">
                <figcaption>Test 2</figcaption>
            </figure>
            <figure>
                <img src="some image" alt="">
                <figcaption>Test 3</figcaption>
            </figure>
          </div>
         <button id="scrollRight2" type="button">&#62;</button>
        </div>
</div>

var buttonOne = document.querySelector("#scrollLeft1");
var buttonTwo = document.querySelector("#scrollRight1");
var buttonThree = document.querySelector("#scrollLeft2");
var buttonFour = document.querySelector("#scrollRight2");

function scrollRight() {
                var container = document.querySelector(".container");
                scrollAmount = 0;
                var slideTimer = setInterval(function(){
                    container.scrollLeft += 10;
                    scrollAmount += 10;
                    if(scrollAmount >= 700){
                        window.clearInterval(slideTimer);
                    }
                }, 5);
            };

function scrollLeft() {
                var container = document.querySelector(".container");
                scrollAmount = 0;
                var slideTimer = setInterval(function(){
                    container.scrollLeft -= 10;
                    scrollAmount += 10;
                    if(scrollAmount >= 700){
                        window.clearInterval(slideTimer);
                    }
                }, 5);
            };

buttonOne.addEventListener("click", scrollLeft);
buttonTwo.addEventListener("click", scrollRight);
buttonThree.addEventListener("click", scrollLeft);
buttonFour.addEventListener("click", scrollRight);