Cambie el color de fondo de un campo de entrada usando JavaScript

Mientras desarrollan sitios web, la mayoría de los desarrolladores prefieren diseñar páginas web cambiando el color del texto, el color de fondo de una página web o elementos HTML como botones, campos de entrada, etc. Para hacer esto, los desarrolladores usan CSS. Sin embargo, puede haber un requisito para agregar un estilo a las páginas web utilizando JavaScript. Para este propósito, puede utilizar el "estilo.fondo"Propiedad CSS en el código JavaScript.

Esta publicación definirá el método para cambiar el color de fondo de un campo de entrada usando JavaScript.

Cómo cambiar el color de fondo de un campo de entrada usando JavaScript?

Use JavaScript "estilo.fondo"Propiedad CSS para cambiar el color de fondo de cualquier elemento, como el campo de entrada. Se utiliza un valor de un solo color para especificar el atributo de color de fondo.

Sintaxis
Siga la sintaxis dada para cambiar el color de fondo de un campo de entrada:

elemento.estilo.backgroundColor = "Color"

En la sintaxis anterior, agregue el color con su nombre o código de color RGB.

Ejemplo: cambie el color de fondo de un campo de entrada en un botón Haga clic
Primero, agregue un campo de entrada y un botón en el archivo HTML utilizando las etiquetas y las etiquetas. Adjunte un evento de clic al botón que activará una función llamada "Color ()", que cambiará el color del campo de texto cuando se haga clic en el botón:

Cambie el color de fondo de un campo de entrada en un botón Haga clic

Hacer clic

Después de ejecutar el código HTML, la salida será la siguiente:

En el archivo JavaScript, primero, defina la función "color"Que obtendrá el campo de entrada especificando su ID en el"getElementById ()Método ", y luego configure el color de fondo en"rosa":

function color ()
entrada var = documento.getElementById ('txt');
aporte.estilo.backgroundColor = 'Pink';

Producción

El GIF anterior muestra el color de fondo del campo de entrada se cambia cuando se hace clic en el botón.

Consejo de bonificación
También puedes usar el "RGB"Valores para cambiar el color de fondo de la siguiente manera:

aporte.estilo.backgroundColor = 'rgb (' + 233 + ',' + 185+ ',' + 193 + ')';

Producción

Hemos reunido las instrucciones relacionadas con cambiar el color de fondo de un campo de entrada usando JavaScript.

Conclusión

Para cambiar el color de fondo de un campo de entrada, use el "estilo.fondo"Propiedad CSS. Usando esta propiedad, puede establecer el color del atributo de fondo utilizando el código de color RGB o el nombre de color. Esta publicación definió el método para cambiar el color de fondo de un campo de entrada usando JavaScript.