Arsonist-Cook/_createElement.js

## _createElement.js
/**
 * Here is the deal... I had a bad time having fun writing my DOM elements before showing them up...
 * Bu, be sincere, its a pain having to copy and paste, even more when you have to configure step by step and the code becaming horible to read...
 * Anyway, that was my forst idea of trying to make these configurations more declarative...
 */
_createElement({ tag, classList, attribute }) {
    const element = document.createElement(tag);

    if (classList && Array.isArray(classList)) {
        element.classList.add(...classList);
    }

    if (attribute && typeof attribute === 'object') {
        for (const attr in attribute) {
            element.setAttribute(attr, attribute[attr]);
        }
    }
    return element;
}
/**
 * How does it work?
 * You just need to create an object following the format:
 * {
 *  tag:<HTML tag to be created>,//Mandatory
 *  classList:[<CSS's classes to be incorporated>],//Must be an array!!!
 *  attributes:{<here goes all attributes to be set in your tag...} //must be an object, be aware of matching DOM attribute names...
 * }
 * Here comes some sample...
 * I was using Bulma framework...
 */
const input = {
	tag: 'input',
	classList: [ 'input', 'mb-6' ],
	attribute: {
		id: 'myInput',
		name: 'myInput',
		type: 'text'
	}
};

const myInput = _createElement(input);

/**
 * Now I dare you to copy, paste and try!!!
 *
 * I'll apreciate any coment if you find it usefull!!!
 */
	/**
	* Here is the deal... I had a bad time having fun writing my DOM elements before showing them up...
	* Bu, be sincere, its a pain having to copy and paste, even more when you have to configure step by step and the code becaming horible to read...
	* Anyway, that was my forst idea of trying to make these configurations more declarative...
	*/
	_createElement({ tag, classList, attribute }) {
	const element = document.createElement(tag);

	if (classList && Array.isArray(classList)) {
	element.classList.add(...classList);
	}

	if (attribute && typeof attribute === 'object') {
	for (const attr in attribute) {
	element.setAttribute(attr, attribute[attr]);
	}
	}
	return element;
	}
	/**
	* How does it work?
	* You just need to create an object following the format:
	* {
	* tag:<HTML tag to be created>,//Mandatory
	* classList:[<CSS's classes to be incorporated>],//Must be an array!!!
	* attributes:{<here goes all attributes to be set in your tag...} //must be an object, be aware of matching DOM attribute names...
	* }
	* Here comes some sample...
	* I was using Bulma framework...
	*/
	const input = {
	tag: 'input',
	classList: [ 'input', 'mb-6' ],
	attribute: {
	id: 'myInput',
	name: 'myInput',
	type: 'text'
	}
	};

	const myInput = _createElement(input);

	/**
	* Now I dare you to copy, paste and try!!!
	*
	* I'll apreciate any coment if you find it usefull!!!
	*/