document.getElementById('scroll-button').addEventListener('click', function() {
var duration = Number(document.getElementById('duration').value);
var scrollAmount = Number(document.getElementById('amount').value);
var easingPreset = document.getElementById('easing-preset').value;
var config = {
'scrollableDomEle': document.querySelector('.scroll'),
'duration': duration,
'direction': 'right',
'easingPreset': easingPreset,
'onAnimationCompleteCallback': function() {
// reset after scrolling is done
setTimeout(function() {
document.querySelector('.scroll').scrollLeft = 0;
}, 1000)
}
};
if (!isNaN(scrollAmount) && scrollAmount > 0) {
config.scrollAmount = scrollAmount;
}
easyScroll(config);
});