Tengo una clase (para crear un elemento de formulario personalizado) llamada ListOfDropdowns dentro de un archivo .html:
class ListOfDropdowns extends HTMLElement { connectedCallback() { let myParent = document.body let array = ['Volvo', 'Saab', 'Mercades', 'Audi'] let template = document.querySelector('#list-of-dropdowns-template').content; this.attachShadow({ mode: 'open' }).appendChild(template.cloneNode(true)); let add_button = this.shadowRoot.querySelector("#add"); let remove_button = this.shadowRoot.querySelector("#remove"); let list = this.shadowRoot.querySelector("#list"); add_button.addEventListener('click', () => { var selectList = document.createElement('select') selectList.id = 'mySelect' selectList.style.display = 'block' myParent.appendChild(selectList) //Create and append the options for (var i = 0; i < array.length; i++) { var option = document.createElement('option') option.value = array[i] option.text = array[i] selectList.appendChild(option) } list.appendChild(selectList) }); remove_button.addEventListener('click', () => { list.lastChild.remove() }); } } customElements.define('list-of-dropdowns', ListOfDropdowns);Y algunas líneas debajo de la clase, tengo este código:
var VIA_ATTRIBUTE_TYPE = { TEXT:'text', CHECKBOX:'checkbox', RADIO:'radio', IMAGE:'image', DROPDOWN:'dropdown' ListOfDropdowns:'listofdropdowns' };Pero aparece un error en la línea ListOfDropdowns:'listofdropdowns'.
Uncaught SyntaxError: Unexpected identifier Tanto la clase ListOfDropdowns como VIA_ATTRIBUTE_TYPE se definen/declaran dentro de la etiqueta <script> dentro de la etiqueta <body> en el archivo .html.
Según el comentario, agregué una coma después de DROPDOWN:'dropdown' y eso resolvió el error.
var VIA_ATTRIBUTE_TYPE = { TEXT:'text', CHECKBOX:'checkbox', RADIO:'radio', IMAGE:'image', DROPDOWN:'dropdown', ListOfDropdowns:'listofdropdowns' };