Comment changer la classe d'un élément HTML avec JavaScript ?

Bonjour à tous ! Je viens de commencer à apprendre JavaScript et je n'arrive pas à comprendre comment changer les classes des éléments sur la page. J'ai une simple structure HTML : ```html Cliquez-moi ``` Je veux qu'au clic sur le bouton, la classe du div passe de "red" à "blue" (c'est-à-dire que la couleur change du rouge au bleu). J'ai essayé d'écrire quelque chose comme `document.getElementById('myDiv').class = 'blue'`, mais cela ne fonctionne pas. Dans la console, j'ai l'erreur : "Uncaught TypeError: Cannot set properties of null". Pourtant, l'élément existe bien sur la page, j'ai vérifié. Ensuite, j'ai trouvé qu'il fallait utiliser `className`, mais quand j'écris `document.getElementById('myDiv').className = 'blue'`, la classe "box" disparaît de l'élément, alors que je veux qu'elle reste. C'est-à-dire que je veux remplacer seulement une classe, pas toutes. Dites-moi, comment travailler correctement avec les classes en JavaScript ? Comment ajouter une nouvelle classe sans supprimer les anciennes ? Comment supprimer une classe spécifique ? Et comment