Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

158
Vistas
Javascript "onclick" eventlistener se activó automáticamente, sin obtener la entrada especificada

Estoy escribiendo una aplicación web simple usando Flask para el backend y javascript vainilla en el frente. La aplicación simplemente permitirá al usuario navegar por el sistema de archivos local en el navegador. No se supone que sea una aplicación útil o buena, solo estoy practicando.

Mi problema es que cuando escribo el frontend js, llego al siguiente punto, donde encuentro un problema:

 getData(); let root = document.getElementById('root'); async function getData() { const response = await fetch(`http://localhost:5000/`) const data = await response.json(); const header = document.getElementById('current') header.textContent = '/' for (item of data.current_directory) { const entry = document.createElement('p'); entry.textContent = item; const button = document.createElement('button'); button.innerHTML = 'Go' button.addEventListener('Click', goTo(item)) root.append(entry, button); } } async function goTo(location) { const response = await fetch(`http://localhost:5000/?location=${location}`); data = await response.json(); const header = document.getElementById('current'); header.textContent = location; root.textContent = ''; for (item of data.current_directory) { const entry = document.createElement('p'); entry.id = item entry.textContent = item; root.append(entry); } }

Simplemente estoy tratando de obtener la estructura del directorio, comenzando en la raíz / (estoy en Linux) desde el servidor, y luego muestro cada archivo/directorio en la ruta como un elemento <p>, después de lo cual creo un elemento de botón que debería llevarlo a ese directorio cuando se hace clic. El problema es que, cuando abro esto en mi navegador, por alguna razón, el detector de eventos se activa automáticamente, con cada iteración del bucle. Si reviso los registros de Flask, puedo ver un montón de solicitudes de obtención, consistentes con la función "goTo" que se llama una y otra vez.

Y sí, sé que probablemente debería usar un marco de interfaz para esto, pero me gustaría entender el javascript de vainilla antes de hacerlo.

¿Alguna sugerencia?

Gracias

about 4 years ago · Juan Pablo Isaza
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 Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda