¿De qué manera es mejor transferir valores variables en JavaScript?

Hay una forma aún mejor. Dele al botón una identificación o clase, elimine el controlador en línea y, en su lugar, haga

$ (function () {
$ (“# buttonId”). on (“click”, function (e) {
var val = $ (“# prueba”). val ();
// haz algo con val
});
});
o

función doSth () {
var val = $ (“# prueba”). val ();
// haz algo con val
}
$ (function () {
$ (“# buttonId”). on (“clic”, doSth);
});

Realmente deberías vincularte al evento `onsubmit` de un formulario.

La segunda opción que enumeró está más cerca de lo que haría:

Ir

$ (‘form’). on (‘submit’, function (e) {
e.preventDefault ();
var val = $ (e.target) .find (‘# prueba’). val ();

// haz algo con ‘val’
});

Si bien ambas versiones de su código deberían funcionar, siempre es una buena regla general tener la menor lógica posible en su HTML. De esta manera, toda su estructura de documentos se separa de su lógica, lo que hace que su código sea más legible y más fácil de mantener, especialmente a medida que su proyecto se hace más grande.