• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Pruebas Online
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

205
Vistas
eventlistener no puede acceder a la variable fuera de la función

el elemento leído fue agregado a otro elemento contenedor div por el detector de eventos de envío. pero no puedo acceder al elemento de lectura cuando intento adjuntarlo a otro detector de eventos fuera de la función. ¿Algúna idea de cómo arreglar esto?

 function add() { read = document.createElement('div'); read.textContent = 'Read'; read.classList.add('read'); card.appendChild(read); } submit.addEventListener('click', add); read.addEventListener("click", () => { read.classList.toggle('unread'); });
almost 3 years ago · Santiago Gelvez
2 Respuestas
Responde la pregunta

0

Su código no es realmente correcto. Yo sugeriría:

 let read = null; function add() { if (read) return; read = document.createElement('div'); read.textContent = 'Read'; read.classList.add('read'); card.appendChild(read); read.addEventListener("click", () => { read.classList.toggle('unread'); }); } submit.addEventListener('click', add);

Aunque sin un contexto sobre lo que está tratando de lograr, será difícil.

Por cierto: no, las variables que se declaran dentro de una función tienen un alcance, no puede acceder a ellas desde el exterior

almost 3 years ago · Santiago Gelvez Denunciar

0

El eventListener del elemento de lectura no está activado, porque primero, si hace clic en el elemento de envío, el elemento de lectura es un elemento.

Solución:

 function add() { read = document.createElement('div'); read.textContent = 'Read'; read.classList.add('read'); card.appendChild(read); read.addEventListener("click", () => { read.classList.toggle('unread'); }); } submit.addEventListener('click', add);
almost 3 years ago · Santiago Gelvez Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda