El documento automatizado HTML y Javascript borra las entradas después del evento OnClick

Question

Estoy automatizando un documento con html y javascript a través de MS Notepad. Hasta ahora, tengo mucho texto, algunos cuadros de texto y un botón, que ejecutará una función de JavaScript después de ingresar un número en uno de los cuadros de texto. Este documento está solo parcialmente completado; sin embargo, noté que después de agregar entradas en mis cuadros de texto y luego presionar el botón, todas mis entradas se borran. Creo que este es un problema de devolución de algún tipo; sin embargo, pensé que usar un evento onlick con javascript no ejecutaría un comando del lado del servidor. Además, mi documento es todo el código del lado del cliente. Básicamente, es solo texto, html y, actualmente, una función JS.

Como reiteración, ¿alguien sabría por qué mis entradas de cuadro de texto se borran después de que se ejecuta el evento onclick de un botón, y cómo evitar que esto suceda? Además, el evento onclick ejecuta la función JS, que es una instrucción if que agrega más texto al documento.

Gracias,

DFM

Answer 1

Si tiene un botón <input type="submit"> en su formulario, cuando presione el botón, se enviará el formulario, incluso si tiene un controlador onclick. Hay varias formas de resolver esto *, pero la forma más fácil es cambiar el botón a type="button", que es idéntico, excepto que al hacer clic no se envía nada.

<input type="button" onclick="checkEntries()" />

* Otras soluciones incluyen agregar return false a su controlador onclick="checkEntries(); return false", como en onsubmit="return false", o agregar <form> al elemento <=>.