así que estoy experimentando con dibujos 2d en Javascript y lo que estoy tratando de hacer es cambiar el ctx.fillStyle (que es el color del dibujo) y cambiarlo a otro color cuando cambia la URL.

Cualquier ayuda sería muy apreciada. Aquí hay una parte de mi código:

El enlace de codepen para la animación: https://codepen.io/LudovicTomlo/pen/PEWEwJ

 window.draw = setInterval(function() { ctx.fillStyle = "rgba(0, 0, 0, 0.1)"; ctx.fillRect(0, 0, c.width, c.height); ctx.fillStyle = "#00ff00"; ctx.font = font_size + "px Sawarabi Gothic"; if(location.pathname.endsWith("/401?e=1")) { ctx.fillStyle = "rgba(0, 0, 0, 0.1)"; ctx.fillRect(0, 0, c.width, c.height); ctx.fillStyle = "#ff0000"; ctx.font = font_size + "px Sawarabi Gothic"; } for(var i = 0; i < rain.length; i++) { // random character from the set var text = chars[Math.floor(Math.random()*chars.length)]; ctx.fillText(text, i*font_size, rain[i]*font_size); if(rain[i]*font_size > c.height && Math.random() > 0.975) { rain[i] = 0; } //incrementing Y coordinate rain[i]++; } }, speed);

}