function to create dinamically a element, first parameter, the tag name and the second a object of attributes { key: value }

createDinamicallyElement.js

// check if the attribute key is camelcase
const isCamelCase = (str) => {
  return /[A-Z]/.test(str)
}

//change the attribute from camelcase to hyphen separator
const changeSeparator = (str) => {
  return str.replace(/([a-zA-Z])(?=[A-Z])/g, '$1-').toLowerCase();
}

const elementCreator = (tagName, attributes = {}) => {
 let el = document.createElement(tagName)
  
 Object.entries(attributes).forEach((item, index) => {
  if (isCamelCase(item[0])) {
   item[0] = changeSeparator(item[0])
  }
	 
  el.setAttribute(item[0], item[1])
 })
  return el
}