Comprobar si hay un texto y cambiar el estilo

Buenos días/tardes/noches a todos los visitantes del foro!

Hoy vengo a comentar una duda que tengo respecto a JavaScript. Soy principiante en el lenguaje y me gustaría saber cómo podría hacer que el color de un botón cambie al tener un texto escrito de una longitud de... qué se yo, 5 carácteres en un input.

Sinceramente, no sé si me estoy equivocando y se usa PHP o Javascript pero esa es mi duda, no pude encontrar solución y espero obtener una respuesta aquí!

Un saludo a todos.

Respuestas

#1

Si quieres hacer los cambios en tiempo real en el navegador, tienes que usar JavaScript. Si no, puedes usar PHP o cualquier otra tecnología de servidor.

Si tu HTML es así:

<button id="mi-boton">
  Guardar cambios
</button>

El código JavaScript podría ser algo como:

var boton = document.getElementById('mi-boton');
if (boton.innerText.length > 5) {
  boton.style.color = '#008000';
}

Si es un botón de tipo input, usa boton.value en vez de boton.innerText