Handy Functions

boilerplate.js

// Name variables for their equivalent classnames.
// Assumes they have IDs with _ instead of -.
[].forEach((class_name) => {
  const id_name = class_name.replace(/\-/g, '_');
  window[id_name] = document.getElementById(id_name);
});

// Copy <templates> by ID.
const copy_from_template = (template_id) => document.getElementById(template_id).content.cloneNode(true).firstElementChild; 

window.addEventListener('DOMContentLoaded', (event) => {
  // DOM has loaded
});

const $ = (selector) => Array.from(document.querySelectorAll(selector));