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!
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>