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

💥🚀 TOP Best Façons d'utiliser ChatGPT en SEO (avec prompts)

Comment créer un tunnel de vente rentable ?

Meilleurs sites pour obtenir une IPTV gratuite et à vie avec mise à jour automatique quotidienne | Dz Techs

Chordbot

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

Promotion de la musique : comment promouvoir votre musique en 2022 | LANDR Blog

Tous les Nouveaux Sites De Streaming FR & FREE (pas d'inscription)

Les meilleurs cours de théâtre à Reims en 2024 — Imparato

Explication et listes de Google Dorks – Culte du code

Mixed In Key 10 Crack + Code d'activation [Dernier] 2022 - VST Homes