Entonces, lo que estoy haciendo es crear una tarjeta usando Bootstrap que tiene un póster de película y su nombre debajo. Cuando paso el cursor sobre la tarjeta, muestra un botón. Al hacer clic en el botón, lo que quiero es que muestre información sobre esa película.

Busqué en línea pero no pude encontrar ninguna forma de hacer esto solo con python. Implican javascript y ajax. Y, no tengo ni idea sobre javascript.

Porque, una barra de entrada con un botón, sé cómo funciona con Flask. Proporcionamos un atributo de acción con la etiqueta de formulario y un atributo de nombre con la etiqueta de entrada, luego usamos request.form en el archivo python.

Pero, mi problema es que es una tarjeta con botón, no un formulario.

Aquí está esa tarjeta con botón

Aquí está el código de la tarjeta. La plantilla de Jinja es para la información que obtengo de la API usando Python.

 <div class="movie-content"> {% for poster, title in trendingMoviesDetails.items() if not trendingMoviesDetails.hidden %} <div class="card" style="width: 15rem;" title="{{title}}" onclick="recommendcard(this)"> <div class="imghvr"> <img class="card-img-top" height="360" width="240" alt="{{title}} - poster" src={{poster}}> <figcaption class="fig"> <button class="card-btn btn btn-danger"> Click Me </button> </figcaption> </div> <div class="card-body"> <h5 class="card-title">{{title|upper}}</h5> </div> </div>

{% endfor%}

Entonces, lo que quiero es que cuando hagamos clic en el botón "Hacer clic en mí", tome ese {{título}} y me redirija a una nueva página, mostrando más información sobre ese nombre. Digamos que solo quiero imprimir HOLA {{título}}. Por ejemplo, cuando hacemos clic en la tarjeta de Batman que proporcioné como imagen, me redirige a una nueva página web que muestra "Hello The Batman".

Quiero hacer esto solo con la ayuda de matraz y python. Esto era algo relacionado con mi problema.

Pero, no tengo mucha idea sobre javascript. Y tampoco tengo idea sobre ajax y jquery.