element.style

O JS também muda o CSS de um elemento pela propriedade .style:

const aviso = document.getElementById("aviso");
aviso.style.color = "green";
aviso.style.fontWeight = "bold";

⚠️ Pegadinha: no CSS é background-color (com hífen). No JS, hífen não pode em nomes, então vira camelCase: backgroundColor, fontWeight. O hífen some e a próxima letra fica maiúscula.

🧠 Modelo mental: aviso.style.color = "green" é você abrir a "aba de estilo" daquele elemento e digitar a regra na mão — o mesmo CSS de antes, agora pelo JS e em tempo real.