A basic function to create a simple HTML element in a one-liner.

create.js

/**
 * @author [arynthernium](https://github.com/arynthernium)
 * @param {string} tag Can be any valid HTML tag.
 * @param {string} innerHTML String to set as the innerHTML of the returned node.
 * @param {object} attrs An object of attributes to be applied with setAttribute.
 * @param {object} styles Object with valid JS style keys for CSS styles.
 * @returns {HTMLElement}
 */
function create(tag = 'div', innerHTML = '', attrs, styles) {
	const node = document.createElement(tag);
	node.innerHTML = innerHTML;
	Object.keys(attrs).forEach(key => {
		node.setAttribute(key, attrs[key]);
	});
	Object.assign(node.style, styles);
	return node;
};