Generic javascript function to generate other html wrapper functions.

GenericHTMLTagWrapper.js

// this simply generates helper html wrappers
// whatever tags you want helpers for can be listed in the htmlhelpers array
const htmlhelpers = ['h4','table','thead','tbody','tr','td','th','div'];
// this function generates other functions based on the tag that is passed into it
// also any extra attributes or other properties can be added as an argument
const tagwrapper = (tag,txt,att='')=>`<${tag}${att.length===0?'':' ' + att}>${txt}</${tag}>`;
// loop through the tags we want wrapper functions for, and generate eval statements
for(const s of htmlhelpers){eval(`var ${s} = (txt,att='')=>tagwrapper('${s}',txt,att);`)}
// the output of this will be functions that allow you to write something like:
// h4('hello world')
// and get an output of
// <h4>hellow world</h4>

// this process can be accomplished with simple functions of the names listed, and in
// general i would say utilizing string literals and templates is better, but i find
// this nice when i am prototyping sometimes or if i am using arguments to generate
// some text. ymmv.