createAndAddElement(tagName, properties) {
    const element = this.createElement(tagName, properties);
    this.element.append(element);
    return element;
  }
/**
   * It creates an element by its tag name, applies all the given properties
   * then the element is appended in current context of this Controller (this.element)
   *
   * @param {string} tagName - The name of the HTMLElement that will be created
   * @param {object} properties - Properties of the new created element
   *
   * @returns {HTMLElement}
   */
It creates an element by its tag name, applies all the given properties
then the element is appended in current context of this Controller (this.element)

@param {string} tagName - The name of the HTMLElement that will be created
@param {object} properties - Properties of the new created element


It creates an element by its tag name applies all the given properties then the element is appended in current context of this Controller ( this . element ) @param { string } tagName - The name of the HTMLElement that will be created @param { object } properties - Properties of the new created element
createAndAddElement(tagName, properties) {
    const element = this.createElement(tagName, properties);
    this.element.append(element);
    return element;
  }
createAndAddElement ( tagName , properties ) { const element = this . createElement ( tagName , properties ) ; this . element . append ( element ) ; return element ; }
It creates an element by its tag name, applies all the given properties
 then the element is appended in current context of this Controller (this.element)
It creates an element by its tag name applies all the given properties then the element is appended in current context of this Controller ( this . element )