One way binding in native javascript

one-way-binding.js

// data binding in native javascript:
// https://stackblitz.com/edit/databinding-native-js

// Example html:
// <span id="labelEl">default</span>: <span id="nameEl">default</span>

const setupBindings = bindings =>
  bindings.reduce((acc, cur) =>
    Object.defineProperty(acc, cur.bindingName, {
      set: val => (cur.element[cur.attribute] = val)
    }), {});

const binding = setupBindings([
  {element: document.getElementById("labelEl"), attribute: 'innerHTML', bindingName: 'nameLabel'},
  {element: document.getElementById("nameEl"), attribute: 'innerHTML', bindingName: 'nameValue'},
  {element: document.getElementById("nameEl"), attribute: 'hidden', bindingName: 'nameIsHidden'}
]);

// Example of usage:
// binding.nameLabel = "Name";
// binding.nameValue = "Kevin"
// binding.nameIsHidden = true;