Ghetto JSAPI layerlist toggle in JavaScript

layerlist.js

function layerList(layers) {
  const list = layers.reduce((ul, layer) => {
    const li = document.createElement('li');
    const toggle = document.createElement('input');
    toggle.type = 'checkbox';
    toggle.checked = layer.visible;
    layer.watch('visible', () => toggle.checked = layer.visible);
    toggle.addEventListener('change', () => layer.visible = !layer.visible);
    const label = document.createElement('span');
    label.innerHTML = layer.title;
    li.appendChild(toggle);
    li.appendChild(label);
    ul.appendChild(li);
    return ul;
  }, document.createElement('ul'));
  return list;
}

yummy vanilla