Obtener el Valor de un Campo de Texto con JS o jQuery - Aprendiendo Programación Web

Veremos como obtener el valor de una entrada de texto o cualquier entrada que el usuario puede editar con la ayuda de Javascript o jQuery (Dependiendo de cual quieras usar), para ello solo necesitamos efectuar una función de cada lenguaje, no importa en cual prefieres trabajar. Recuerda que como siempre hasta abajo del articulo encontrarás el código copiable y editable en jsFiddle.

JavaScript:

Para lograr obtener el valor de una entrada de texto o cualquier otro tipo de entrada solo debemos emplear el valor value pero debemos seleccionar el elemento de entrada para poder lograrlo, y con JavaScript podemos hacerlo con document.getElementById('idDelElementoInput'), finalmente agregamos el valor value para obtener dicho valor que se encuentre escrito en la entrada por el usuario. De manera que la linea de código quedaría de la siguiente manera:

 var valorDeLaEntrada = document.getElementById('idDelElementoInput').value; 

jQuery:

Ahora con jQuery es exactamente igual, pero ahora el valor cambia por una pequeña función llamada val(), al igual que JavaScript debemos seleccionar el elemento antes de aplicar dicha función, de manera que nos quedaría el código de la siguiente manera:

 var valorDeLaEntrada = $('#idDelElementoInput').val(); 

Ahora el código listo con resultado editable en jsFiddle: