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
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
@javiereguiluz