Estoy tratando de trabajar con un escáner de código QR HTML 5 para un sistema de asistencia. Bueno, llegué tan lejos que puedo escanear códigos QR y colocarlos en una matriz. Puedo ver los valores de la matriz en la consola. Ahora quiero que esta matriz se muestre debajo del lector de códigos QR en la vista de mi navegador. Luego quiero un formulario para enviar mis valores de matriz de javascript a un código PHP para usarlo con mysql (no sé cómo hacerlo bien... :))
Mi primer problema: mi página html no muestra nada... se supone que debe mostrar los valores de mi matriz de código:
<script> var codeslz = []; function onScanSuccess(decodedText, decodedResult) { // handle the scanned code as you like, for example: //console.log(`Code matched = ${decodedText}`, decodedResult); if(codeslz.indexOf(decodedText) !== -1){ } else{ codeslz.push (decodedText); } console.log (codeslz); return codeslz; } function onScanFailure(error) { // handle scan failure, usually better to ignore and keep scanning. // for example: //console.warn(`Code scan error = ${error}`); } let html5QrcodeScanner = new Html5QrcodeScanner( "reader", { fps: 10, qrbox: {width: 350, height: 350} }, /* verbose= */ false); html5QrcodeScanner.render(onScanSuccess, onScanFailure); for(var i = 0; i < codeslz.length; i++){ document.write(codeslz[i] + "<br>"); } </script>Más tarde, quiero dejar que se vuelva a cargar automáticamente la visualización de mi matriz, para que el usuario siempre pueda ver los valores reales de los códigos completos de la matriz.
Creo que debe haber algo mal con mi matriz codeslz. Cuando lleno la matriz de esta manera, funciona sin ningún problema:
<html> <head> </head> <body> <script> var codeslz = ["This", "is","a", "Test"]; for(var i = 0; i < codeslz.length; i++){ document.write(codeslz[i] + "<br>"); } </script> </body> </html>Espero que alguien pueda ayudarme. ¡¡¡¡Gracias!!!! Saludos amables Dan