Debe llamar a la función buttonChange() si desea manejar el evento de clic. Además, no tiene que poner un punto antes "uno-active" :

 const buttonChange = () => { const button = document.querySelector('.uno'); button.addEventListener('click', () => { button.classList.toggle('uno-active'); }); } buttonChange();

 .uno{ color: rgb(12, 114, 231); background-color: rgb(255, 255, 255); } .uno-active{ color: rgb(255, 255, 255); background-color: rgb(11, 28, 47); }

 <div> <p class="uno">COSA È</p> </div>

Use <div id="yourID" onclick="javascript:yourFunction();"></div> para llamar a la función JS/Jquery correcta y use function myFunction() { document.getElementById("yourID").style.background = "#000"; } para dar el estilo.

Aquí hay un JSfiddle .