Select element

                
const select = (selection, singleElement = true) =>
    singleElement
      ? document.querySelector(selection)
      : document.querySelectorAll(selection);
                
            

create Element

                
function newElement(cls, content = "", tag = "div", attr = []) {
    let element = document.createElement(tag);
    if (cls) {
      if (typeof cls === "object")
        cls.forEach((clsElement) => element.classList.add(clsElement));
      else element.classList.add(cls);
    }
    if (content) element.innerText = content;
    attr.forEach((dattr) => element.setAttribute(...dattr));
    return element;
  }
                
            

append Element

                
const append = (mainElement, ...subElements) =>
subElements.forEach((subElement) => {
  mainElement.append(subElement);
});
                
            

animation

                  
const animationPerSecond = 2;
let lastTimeMainRun = 0;
const main = (ctime) => {
  if (ctime - lastTimeMainRun >= 1000 / animationPerSecond) {
    lastTimeMainRun = ctime;
    //................
  }
  window.requestAnimationFrame(main);
};
window.requestAnimationFrame(main);
                  
              

Section comments

                  
//---------------------------------------------->
//SECTION: [!section name]
//---------------------------------------------->
                  
              

function documentation

                  
 /**
 * function explanation.
 *
 * @param {number} [parameter_1] - description
 * @param {object} [object_parameter_1] - description
 * @param {string} [options.errorMessage="default_value"] - description
 */
const fucntion = (parameter_1, object_parameter_1) => {};