Estoy tratando de usar mi generador Pig Latin en una página web local. todo parece funcionar según lo previsto, sin embargo, cuando uso el formulario para ingresar una cadena, la pantalla de depuración muestra que el selector de consultas ha devuelto un valor nulo.
Además, como nota al margen, la alerta se envía cada vez que actualizo la página web. si también me pudieras decir como arreglarlo/deshabilitarlo te lo agradecería. Gracias.
Mi elemento de formulario html
<form onsubmit="translate(); return: false;"> <input id="string" type="text"> <input type="submit"> </form>llamando al archivo .js en la cabeza
<script src="pigLatin.js" defer></script> </head>mi línea querySelector
function translate() { let str = document.querySelector('#string').value;Gracias.
El elemento HTML tiene un atributo "traducir" , el mismo nombre que su función y hace que su función sea invisible. simplemente puede cambiar el nombre de su función o usarla con una window. prefijo.
function translate() { let str = document.querySelector('#string').value; console.log("strint value:", str); } <form onsubmit="console.log('translate type:', typeof translate); return false;"> <input id="string" type="text"> <input type="submit" value="not work"> </form> <form onsubmit="window.translate(); return false;"> <input id="string" type="text"> <input type="submit" value="works"> </form>