Comment afficher une série de phrase en mode aléatoire en JavaScript ?

Question

Bonjour,
J'ai quelques phrases que je voudrais faire afficher, une à la fois et, au hasard, donc en mode aléatoire.
Un peu de mise en forme possible serait bienvenue, par exemple, un peu de gras, un peu de couleur, soulignage à l'occasion, texte majuscule ou minuscule possible, etc.

Merci .

Answer 1

Bonjour, vous pouvez utiliser la fonction JavaScript Math.random() pour sélectionner de manière aléatoire une phrase d'un array.

<span id="texte"></span> 
<script>
var texte = document.getElementById('texte');
var tableau = ["Texte <b>numéro</b> un","Texte <u>numéro</u> deux","Texte <span style='color:red;'>numéro</span> trois"];
texte.innerHTML = tableau[Math.floor(Math.random() * tableau.length)];
</script>

Concernant la mise en forme, vous pouvez l'effectuer en HTML directement dans le tableau :

• <b>...</b> pour mettre en gras.
• <u>...</u> pour souligner.
• <i>...</i> pour l'italique.
• <span style='color: red;'>...</span> pour écrire en rouge.
• <span style='text-transform: uppercase;'>...</span> pour mettre en majuscule en programmatique.

Et ainsi de suite, vous pouvez utiliser n'importe quelle balise HTML pour personnaliser les textes.

Comments

Merci Antoine pour votre réponse.
Je vais essayer d'appliquer cela à mes quelques phrases.

A+