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

Réponses rédigées par Antoine

Dernière mise à jour : 2022-10-11 12:36:14

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 .

Réponse

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 :

... pour mettre en gras.
... pour souligner.
... pour l'italique.
... pour écrire en rouge.
... pour mettre en majuscule en programmatique.

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