JSFiddle - React, Tailwind, and code Playground

HTML

<DIV>
<span class='title title-alt' id='aa1'>Sylvie Testud en « Tchad inconnu »</span>
<br /><span class='title' id='aa2'>Sylvie Testud en « Tchad inconnu »</span>
 
<br />
<form name="LeForm" action="#">
<input type="button" value="Change1" onclick="toggleClass('aa1', 'title-alt');"><br />
<input type="button" value="Change2" onclick="toggleClass('aa2', 'title-alt');">
</form>
</DIV>

CSS

.title { font-family : "Felix Titling", "Times New Roman", Harrington, sans-serif; font-size : 3em; color : #aaaaaa; } 
.title.title-alt { font-family : "Times New Roman", Harrington, sans-serif; font-size : 2em; color : #aa1111; }

JavaScript

window.toggleClass = function(id, classe){
    var elem = document.getElementById(id);
    if(elem != null){
        elem.classList.toggle(classe);
    }
};