Como adicionar uma classe CSS a um elemento HTML usando JavaScript?

Olá a todos! Comecei a estudar JavaScript recentemente e me deparei com a seguinte tarefa: preciso alterar dinamicamente o estilo de um elemento na página ao clicar em um botão. Sei que isso pode ser feito adicionando uma classe CSS, mas não consigo entender como implementar isso corretamente. Tenho uma marcação HTML simples: ```html Clique em mim ``` E a classe CSS que quero adicionar: ```css .highlight { background-color: yellow; font-weight: bold; } ``` Tentei escrever este código, mas não funciona: ```javascript let div = document.getElementById('myDiv'); div.class = 'highlight'; // Não funciona ``` Depois encontrei algo sobre `className` na internet, tentei assim: ```javascript div.className