En el código dado, estoy tratando de imprimir el mensaje, pero después de ingresar no se imprime ningún mensaje.
<!DOCTYPE html> <html> <head> <title>CSS</title> </head> <body> <form onsubmit="return Ak()"> <input type="text" name="abinash" placeholder="abinash" required id="q"><br><br> <input type="submit" name="submit" value="submit"> <div id="w"></div> </form> <script type="text/javascript"> function Ak() { var y=document.getElementById("q").value; document.getElementById("w").innerHTML="You have typed this password"+y; } </script> </body> </html>Estaba funcionando, pero después de enviar el formulario, todo el contenido desapareció. Debe agregar event.preventDefault(); para onsubmit atributo de formulario:
<!DOCTYPE html> <html> <head> <title>CSS</title> </head> <body> <form onsubmit="event.preventDefault(); return Ak()"> <input type="text" name="abinash" placeholder="abinash" required id="q"><br><br> <input type="submit" name="submit" value="submit"> <div id="w"></div> </form> <script type="text/javascript"> function Ak() { var y=document.getElementById("q").value; document.getElementById("w").innerHTML="You have typed this password"+y; } </script> </body> </html>Al presionar el botón Enviar se actualizará la página. event.preventDefault(); utilice esta palabra clave.
<script type="text/javascript"> function Ak() { var y=document.getElementById("q").value; document.getElementById("w").innerHTML="You have typed this password"+y; event.preventDefault(); } </script>Está funcionando, es solo que cuando haces clic en el botón Enviar, la página se vuelve a cargar. Lo probé y puedes arreglarlo agregando e.preventDefault(); a su función, y ponga (e) como argumento en la función, así:
<!DOCTYPE html> <html> <head> <title>CSS</title> </head> <body> <form onsubmit="event.preventDefault(); return Ak()"> <input type="text" name="abinash" placeholder="abinash" required id="q"><br><br> <input type="submit" name="submit" value="submit"> <div id="w"></div> </form> <script type="text/javascript"> function Ak() { var y=document.getElementById("q").value; document.getElementById("w").innerHTML="You have typed this password: "+y; } </script> </body> </html>