var img = document.getElementById('main-image');

var inputs = document.querySelectorAll('input');

[].forEach.call(inputs, function(input) {
  input.addEventListener('input', e => {
    img.style.setProperty('--'+input.id, input.value);
  });
});