• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

129
Vistas
Cambie el color del botón dependiendo de la condición con vanilla js/css

Quiero cambiar el color del botón dependiendo de alguna condición.

En pseudocódigo se ve así:

 if(condition){ myelememt.background = "something" }

Pero debe verificarse y aplicarse antes de cargar la página.

¡Gracias!

about 3 years ago · Santiago Gelvez
1 Respuestas
Responde la pregunta

0

Como desea que aplique el estilo antes de que se pinte el DOM, puede usar el evento DOMContentLoaded , ya que este evento se activa tan pronto como los nodos DOM hayan terminado de cargarse, pero antes de que se hayan cargado todos los recursos, estilos, etc.

Algo como esto debería hacerlo:

 const condition = true; document.addEventListener('DOMContentLoaded', (event) => { const button = document.querySelector('button'); if (condition) button.style.background = 'red'; });
 <html> <head> <meta charset="UTF-8" /> <script src="script.js"></script> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <button>CLICK</button> </body> </html>

about 3 years ago · Santiago Gelvez Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda