Estoy tratando de hacer un menú desplegable receptivo para mi sitio web, así que decidí que quería usar javascript para facilitar la situación. Pero por alguna razón ni siquiera puedo hacer que este simple código js funcione, el color de mi texto no cambia a rojo. No estoy seguro de lo que hice mal, pero cualquier ayuda/sugerencia es muy apreciada.

 const mq = window.matchMedia("(max-width: 500px)"); if (mq.matches){ document.body.style.color = "red"; }