Estoy trabajando en PHP y tengo este botón, que cuando se hace clic, debería imprimir algo.
He intentado (sin éxito) lo siguiente:
<?php echo '<button type="submit" id="enviarRecibos" class="btn btn-primary float-end">Imprimir Lista</button>'; ?> <script> if(document.getElementById('enviarRecibos').clicked == true){ <?php echo $listaDatos; ?> }; </script>¿Qué estoy haciendo mal?
Nota: $listaDatos es una variable que ya está en la página con algún contenido en formato JSON.
No estoy seguro de haber entendido bien lo que quiere exactamente, pero de todos modos su secuencia de comandos javascript necesita mejoras:
<?php echo '<button type="submit" id="enviarRecibos" class="btn btn-primary float-end">Imprimir Lista</button>'; ?> <script> document.getElementById('enviarRecibos').addEventListener('click', function (){ document.getElementById('enviarRecibos').insertAdjacentHTML('afterend', '<?php echo $listaDatos;?>') ; }) ; </script> Primero, la mejor manera de rastrear el clic en un elemento en javascript es con addEventListener. A continuación, desea cargar contenido, está bien, pero debe definir la posición / elemento DOM donde se debe cargar el contenido. Puede usar "insertAdjacentHTML", una función útil que coloca contenido HTML junto a un elemento existente (aquí su botón). Tenga cuidado de que " <?php echo $listaDatos;?> " no contenga comillas ' y devuelva una cadena HTML válida.
COMO @brombeer le acaba de decir, PHP es un lenguaje del lado del servidor, mientras que Javascript es del lado del cliente. PHP solo puede ayudarlo a preparar el código del archivo sin formato.