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

135
Vistas
¿Cómo pasar datos de HTML a la función onClick js?

Quiero enviar datos a mi función de recomendación.js desde la función de recomendación.html

words_to_highlight es un tipo de datos de matriz

Estoy inicializando y pasando la función desde main.py usando FLASK

recomendar.js

 function highlightText(words_to_highlight) { console.log('button pressed'); console.log(words_to_highlight); }

recomendar.html

 <button class="display-keywords" onclick="highlightText({{words_to_highlight}})" > Display keywords </button>

principal.py

 @app.route("/recommend",methods=["POST"]) def recommend(): words_to_highlight = [//some_data] . . . return render_template('recommend.html',words_to_highlight=words_to_highlight)

del archivo html:

onclick="texto destacado({{palabras_a_resaltar}})"

esta línea no envía la variable words_to_highlight a mi archivo js ya que console.log() en js no imprime nada en mi consola

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Solo necesitas hacer algunas correcciones.

 function clickHandler(data){ console.log(data) //This will log the data from html button }
 <button onclick="clickHandler('This is the data I want to pass')">click me</button>

aplicando eso a tu pregunta ahora:

 function highlightText(words_to_highlight) { console.log('button pressed'); console.log(words_to_highlight); }
 <button class="display-keywords" onclick="highlightText('{{words_to_highlight}}')" > Display keywords </button>

Tenga en cuenta que si los datos que desea pasar no son una cadena, debe pasarlos al tipo de datos en su javascript.

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