Cómo cambiar la entrada de texto con javascript

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.