如何在多个div中应用水平滚动单击一次按钮？

.container {
  width: 100%;
  overflow-x: hidden;
}

var container = document.querySelector('.container');
var divs = document.querySelectorAll('.scrollable-div');

var totalWidth = 0;
divs.forEach(function(div) {
  totalWidth += div.offsetWidth;
});

container.style.width = totalWidth + 'px';

var button = document.querySelector('.scroll-button');

button.addEventListener('click', function() {
  container.scrollLeft += container.offsetWidth;
});