Muchos desarrolladores web utilizan JavaScript para cambiar la entrada de texto de un usuario después de que él lo escribe en un cuadro de texto. Por ejemplo , podría utilizar JavaScript para eliminar palabras objetables desde el post de un usuario del foro . También puede mostrar un saludo personal a un visitante del sitio después de que ella entra en su nombre en los formularios de inscripción. Después de aprender algunos comandos de JavaScript , puede manipular y dar formato a texto de entrada para que se adapte a sus necesidades. Estos comandos son genéricos y funcionan en todos los navegadores . Cosas que necesitará
HTML Editor o Notepad
Mostrar más instrucciones
1

Crear un nuevo documento HTML.
2

Añadir este código de la sección del cuerpo del documento :

< /h2 >

;

Esto crea un encabezado vacía y un elemento de cuadro de texto. Entrarás en un nombre en el cuadro de texto. IDs son opcionales , pero hay que usarlos si va a manipular el contenido de un elemento HTML con JavaScript
3

Añadir este elemento botón debajo del cuadro de texto de la declaración : .
< p>

al hacer clic en el botón , cambiará JavaScript el texto que ha introducido y muestra el nuevo texto en el encabezamiento y el cuadro de texto
4

Agregar esta función JavaScript a la sección de escritura del documento : .
función

changeText () { var headingObject = document.getElementById ( ' myHeading '); textboxObject var = document.getElementById ( ' MyTextBox '); var Originaltext = textboxObject.value ; textboxObject.value = "Hola " + Originaltext ; headingObject.innerHTML = "Texto cambiado a -> Hola "+ Originaltext ;}

El " comando document.getElementById " recupera un elemento HTML y pone a disposición de JavaScript . En este ejemplo, los dos "comandos document.getElementById recuperar el elemento de partida ( myHeading ) y el elemento de cuadro de texto ( MyTextBox ) . La función se obtiene el texto del cuadro de texto y añade " Hello " a la cadena. Finalmente , el" innerHTML "Propiedades del título y los elementos del cuadro de texto se cambian .
5

Abra el documento en un navegador , escriba un nombre en el cuadro de texto y haga clic en el botón. la función JavaScript añadirá " Hello " el nombre y actualizar el contenido de los dos elementos de HTML.