Maison >interface Web >js tutoriel >Comment implémenter des nombres aléatoires avec jquery

Comment implémenter des nombres aléatoires avec jquery

coldplay.xixi
coldplay.xixioriginal
2020-11-24 14:36:537247parcourir

Comment utiliser jquery pour implémenter des nombres aléatoires : utilisez d'abord la balise p pour créer une zone pour afficher des nombres aléatoires ; puis utilisez [Math.random()] pour générer un nombre aléatoire, et utilisez le [parseInt() ; )] méthode Arrondi ; enfin, le nombre aléatoire obtenu est affiché dans la balise p via la méthode [html()].

Comment implémenter des nombres aléatoires avec jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.5.1, cette méthode convient à toutes les marques d'ordinateurs.

Comment utiliser jquery pour implémenter des nombres aléatoires :

1 Créez un nouveau fichier html nommé test.html pour expliquer comment jquery génère des nombres aléatoires.

Comment implémenter des nombres aléatoires avec jquery

2. Dans le fichier test.html, utilisez la balise p pour créer une zone d'affichage de nombres aléatoires et définissez l'identifiant de la balise p sur randnum.

Comment implémenter des nombres aléatoires avec jquery

3. Dans le fichier test.html, utilisez la balise bouton pour créer un bouton, liez l'événement onclick au bouton, et lorsque le bouton est cliqué, exécutez le Fonction createRand() .

Comment implémenter des nombres aléatoires avec jquery

4. Dans la balise js, créez la fonction createRand() Dans la fonction, définissez deux variables x et y, qui sont utilisées pour définir la plage de nombres aléatoires. . Par exemple, la plage de nombres aléatoires définie ici va de 0 à 1 000.

Comment implémenter des nombres aléatoires avec jquery

5. Dans la fonction createRand(), utilisez Math.random() pour générer un nombre aléatoire, arrondissez-le à l'aide de la méthode parseInt() et transmettez le nombre aléatoire obtenu. via la méthode html() est affichée dans la balise p.

Comment implémenter des nombres aléatoires avec jquery

6. Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour afficher les résultats.

Comment implémenter des nombres aléatoires avec jquery

Recommandations d'apprentissage gratuites associées : JavaScript (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn