Asignar color a un button dependiendo de su valor – CSS HTML

publicado por: Anonymous

Teniendo estos dos botones:

<button type="button" id="boton_uno" class="boton-estado btn-default">Boton 1</button>&nbsp;&nbsp;&nbsp;
<button type="button" id="boton_dos" class="boton-estado btn-default">Boton 2</button>

dependiendo de si el valor es 0, 1 ó 2, pues el color varía:
0 – rojo
1 – verde
2 – naranja

En HTML si el color sería rojo: <button type="button" style="background:red">, ¿pero como sería dependiendo del valor que tenga…?

Ejemplo: el estado inicial es 0, pregunto en un modal si queremos cambiar el estado a estado=1(color del boton verde) o estado=2(color del boton naranja)

solución

Puedes añadir o quitar estilos con js en la respuesta del modal:

var boton = document.querySelector("#boton_uno");
if(estado==1){
  boton.style.backgroundColor = "green";
} else {
  ...
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *