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>



Assurez-vous de remplacer la liste de phrases avec les 63 phrases de votre document Google Sheets.




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:


  1. Créez une liste de phrases dans une variable:

const phrases = [
  "Bonjour!",
  "Comment vas-tu?",
  "Bien merci, et toi?",
  "Je vais bien aussi, merci.",
  "Quel est ton animal préféré?",
  "Mon animal préféré est le chat."
];



  1. Utilisez la fonction Math.random() pour générer un nombre aléatoire compris entre 0 et le nombre de phrases dans votre liste.
Par exemple:


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.

  1. Utilisez l'index aléatoire pour sélectionner une phrase de votre liste:

const phrase = phrases[index];


  1. Affichez la phrase sélectionnée en utilisant console.log() ou en l'insérant dans votre page HTML:

console.log(phrase);

// ou

document.getElementById("phrase").innerHTML = phrase;



Voilà!
Vous avez maintenant une fonction qui sélectionne et affiche une phrase aléatoire dans une liste de phrases.






Commentaires

Posts les plus consultés de ce blog

13 endroits différents pour soumettre votre musique ! – Cymatics.fm

Comment créer un tunnel de vente rentable ?

🚀 Débloquez TOUT votre potentiel musical avec notre LiSTE d' EMAiLs pros & perso des plus grands RAPPEURS ✨(Hip-hop Fr ➕ US) !

Aide-mémoire (full)) ChatGPT ⭐ T👌°P invites / PROMPTS pour les PROS et ➕ . . . 2023

Tutoriel BlueGriffon : Comment concevoir un site Web avec BlueGriffon (thesitewizard.com)

Comment fonctionne FL Studio ? Conseils pour les débutants | Bax Music Blog

🚀 TOP prompts ChatGPT ( FULL)) pour booster votre business 2024 *°

MUSIC LIBRARIES LIST 2023

Blog SEO : Conseils pour améliorer votre référencement

Trucs et astuces Amazon : les meilleures astuces dachat à connaitre