code javascript et html qui Génère un bouton qui lorsque l'on clique dessus , choisit et affiche une phrases au hasard dans la liste
code javascript et html qui Génère un bouton qui lorsque l'on clique dessus , choisit et affiche une phrases au hasard dans la liste des 63 phrases sur le document :
https://docs.google.com/spreadsheets/d/19T2c4VkUmxB6j1a3XlMwXJ60QCMFapQn78LgkuHUHBc/
Voici un exemple de code HTML et JavaScript qui affichera une phrase au hasard lorsque vous cliquerez sur un bouton :
<html> <head> <title>Générateur de phrases aléatoires</title> </head> <body> <button id="generate-button">Générer une phrase</button> <p id="random-phrase"></p> <script> const phrases = [ "La vie est belle.", "L'amour est aveugle.", "L'argent ne fait pas le bonheur.", "Mieux vaut prévenir que guérir.", "L'habit ne fait pas le moine.", // Ajoutez les 62 autres phrases ici ]; const generateButton = document.getElementById("generate-button"); const randomPhrase = document.getElementById("random-phrase"); generateButton.addEventListener("click", () => { // Sélectionnez une phrase au hasard const randomIndex = Math.floor(Math.random() * phrases.length); const phrase = phrases[randomIndex]; // Affichez la phrase sélectionnée randomPhrase.innerText = phrase; }); </script> </body> </html>
comment choisir et afficher en javascript une phrase dans une liste de phrases
Voici comment choisir et afficher une phrase aléatoire dans une liste de phrases en JavaScript:
- Créez une liste de phrases dans une variable:
- Utilisez la fonction
Math.random()pour générer un nombre aléatoire compris entre 0 et le nombre de phrases dans votre liste.
const index = Math.floor(Math.random() * phrases.length);
Cela vous donnera un nombre aléatoire entier compris entre 0 et le nombre de phrases dans votre liste.
- Utilisez l'index aléatoire pour sélectionner une phrase de votre liste:
- Affichez la phrase sélectionnée en utilisant
console.log()ou en l'insérant dans votre page HTML:
Commentaires
Enregistrer un commentaire
🖐 Hello,
N'hésitez pas à commenter ou vous exprimer si vous avez des trucs à dire . . .👉