3

Me podrían indicar ¿que es lo que estoy haciendo mal? Según mi criterio el código debería de correr bien pero el problema es que me da un error en el element cuando lo mando a llamar en la primera función para darle un valor, según javascript este debe de llevar una declaración de variable pero esta ya esta puesta como global y ya intente probando con this

const element = ''

const createSpanTag = () => {
  element = document.createElement('span')
  element.setAttribute('id', `stElement${auto}`)
  element.setAttribute('class', 'stElement')
  return element
}
9
  • @JackNavaRow no me funciono de todas formas :(
    – ASASCED
    Commented el 2 sept. 2019 a las 18:50
  • el error te da por que no existe stElement${auto} Commented el 2 sept. 2019 a las 18:51
  • mira esto es.stackoverflow.com/questions/106042/…
    – Emeeus
    Commented el 2 sept. 2019 a las 18:51
  • @JackNavaRow sirvio y el stelement esta declarado pero en otro lugar, eso si funciona bien, gracias :)
    – ASASCED
    Commented el 2 sept. 2019 a las 18:52
  • tienes un error conceptual,el const defines una variable que no puede ser modificada, al hacer un document.createElement('span') estas creando un nuevo objeto y por ello pierde la referencia y te da error de que estas intentando cambiar el valor de una constante Commented el 2 sept. 2019 a las 18:53

1 respuesta 1

5

Cuando replique tu código en mi maquina el error que arrojo fue este:

Assignment to constant variable.

Este error se produce por que estas usando una const para almacenar un dato que luego lo vas a modificar o manipular para mutar. Los datos o variables const son inmutables, como su nombre lo dice son valores que se mantienen siempre constantes.

Deberías cambiar tu primera linea por un let en vez de un const ahora esto te dará otro error que es por el ${auto} supongo que lo debes tener declarado más arriba de tu código.

let element = ''

Otra forma de solucionar tu problema seria declarando const element dentro del método, con esto podrías asignar sus valores para crear tu elemento sin problemas. Ejemplo:

const createSpanTag = () => {
    const element = document.createElement('span')
    element.setAttribute('id', `stElement`)
    element.setAttribute('class', 'stElement${auto}')
    return element
}

Espero que te sirva mi respuesta. Saludos !.

COMO BUENA PRACTICA

Las variables de tipo const globales se acostumbran a colocar en MAYÚSCULA su nombre. Ejemplo:

const ELEMENT_SPAN = ''
4
  • de igual forma puedo hacer Object.assign(element ,document.createElement('span')); la variable no muto solo asigno los atributos al objeto element (esto esta explicado en la pregunta var let const o nada) Commented el 2 sept. 2019 a las 19:34
  • Pero lo correcto seria usar un let y no un const
    – vicasas
    Commented el 2 sept. 2019 a las 19:57
  • 1
    lo correcto seria usar usar const dentro del metodo. Commented el 2 sept. 2019 a las 20:04
  • Si también puede. Lo agregare a mi respuesta.
    – vicasas
    Commented el 2 sept. 2019 a las 20:13

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.