Estoy tratando de ejecutar el script después de que finalice la carga de la página en la vista web de Android para agregar un evento de clic en el botón
var btn = document.getElementById("btn2"); document.getElementById("btn2").addEventListener("click", myFunction); function myFunction() { AndroidInterface.showToast2(); window.console.log("inside "); }Este es mi código de archivo html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Hello</title> <style> body, html { height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; color: #F89821; background-color: #ffffff; padding: 20px; margin-bottom: 100px; } </style> </head> <body> <input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" /> <input type="button" id="btn2" value="Say hello2" /> <br/><br/> <input type="button" value="Show Version" onClick="showVersion('called within the html')" /> <br/><br/> <p id="version"></p> <script type="text/javascript"> window.showAndroidToast = function (toast) { AndroidInterface.showToast(toast); } <!-- Getting value from Android --> function showVersion(msg) { var myVar = AndroidInterface.getAndroidVersion(); document.getElementById("version").innerHTML = msg + " You are running API Version " + myVar; } </script> </body> </html>en el registro de la consola, recibo este error TypeError no detectado: no se pueden leer las propiedades de nulo (leyendo 'addEventListener') en: 6:38
Lo cual creo que document.getElementById() no pudo encontrar el elemento.