Coding Challenge #1 : Fonction spanify

Posté le 1 mai 2020 - Challenges - Par Grafikart - Proposer une correction

L'exercice

L'objectif de cet exercice est de créer une fonction Spanify() qui permettra de créer un effet d'animation mot par mot. L'objectif ce cette fonction est de convertir la structure HTML du titre.

<h1>Ceci est <strong>un titre</strong></h1>

En entourant chaque mot d'une <span>.

<h1 class="title"><span>Ceci</span> <span>est</span> <strong><span>un</span> <span>titre</span></strong></h1>

Vous pouvez utiliser ce template CodeSandbox https://codesandbox.io/s/challenge-spanify-4oxrr?file=/src/index.js pour tester votre code (actualiser dans la partie de droite pour tester votre solution).
Vous pouvez soumettre votre solution ici (un seul message par personne et la solution peut être un lien jsfiddle / codesandbox / github...)

Vos solutions

Vous avez été plutôt nombreux à participer et j'ai décidé de regrouper les réponses en plusieurs catégories.

Texte

Expressions régulières

Dom

Presque de la triche ;)

marche pas :(