Modifier un attribut de manière générique

Au sein du <div id="output"> se trouve un <span id="mascot> hébergeant Zozor (c'est une image d'arrière-plan). Mais Zozor n'est pas de bonne humeur... Rendez-lui le sourire en ajoutant un attribut data-state au <span id="mascot"> et en lui donnant la valeur happy.

Écrivez le code qui permet de faire ça. Dès que c'est fait, cliquez sur le bouton Exécuter le script pour exécuter le code.

Solution

var zozor = document.getElementById('mascot');

if (zozor) {
    zozor.setAttribute('data-state', 'happy');
}