Maison interface Web js tutoriel js compétences simples en code_javascript de loterie

js compétences simples en code_javascript de loterie

May 16, 2016 pm 04:19 PM
抽奖

Core : objet js Math et objet Array

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>random</title>
 <style>
  #awardListDom{width: 100%;}
 </style>
</head>
<body>
 <label for="awardListDom">奖项列表</label><br>
 <input type="text" value="" id="awardListDom"> <br>
 <label for="num">抽到的奖</label><br>
 <input type="text" value="" id="num"> <br>
 <button id="submit">开始抽奖</button>
 <script>
  /* 
  * 思路:随机抽奖,抽一个奖项便减少一个
  * Math 对象方法:http://www.w3school.com.cn/jsref/jsref_obj_math.asp
  *  -random():返回 0 ~ 1 之间的随机数。
  *  -floor():获取整数
  * 数组操作:
  *  - splice(x,y); x:起始位置, y:获取并删除个数
  */

  function random(min,max){
    return Math.floor(min+Math.random()*(max-min));
  }
  var awardListDom=document.getElementById("awardListDom"),
  num=document.getElementById("num"),
  submit=document.getElementById("submit");
  var awardList=["一等奖","二等奖","二等奖","三等奖","三等奖","三等奖","鼓励奖","鼓励奖","鼓励奖","鼓励奖","谢谢参与","谢谢参与","谢谢参与","谢谢参与","谢谢参与","谢谢参与"];

  awardListDom.value=awardList;
  submit.onclick=function(){
   //引用数组
   var oldArray=awardList;
   var rNum=random(0,oldArray.length);
   
   if(oldArray.length<1){
    awardListDom.value="活动结束";
    num.value="活动结束";
   }
   else{
    num.value=oldArray[rNum];
    oldArray.splice(rNum,1);
    awardListDom.value=oldArray;
   }
  }
 </script>
</body>
</html>
Copier après la connexion

démo :http://demo.jb51.net/js/2015/choujiang/

github :https://github.com/litengdesign/award

Déclaration de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 Il y a quelques semaines By DDD
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment créer une applet de loterie Excel Comment créer une applet de loterie Excel Mar 20, 2024 am 11:40 AM

Dans le travail quotidien, nous rencontrons beaucoup de choses qui nécessitent un tirage au sort. La méthode traditionnelle consiste à tirer des nombres au hasard à l'aide de numéros sur papier, nous pouvons utiliser des ordinateurs pour tirer au sort. La leçon que je veux partager avec vous. aujourd'hui, c'est Comment créer une applet de loterie Excel. 1. Tout d'abord, nous ouvrons le logiciel Excel et ouvrons le tableau que nous avons préparé. Le tableau doit contenir nos noms. 2. Ensuite, nous fusionnons les cellules de droite, remplissons en noir qui a de la chance ce soir, fusionnons les cellules ci-dessous et remplissons en rouge, comme le montre la figure ci-dessous. 3. Ensuite, nous entrons dans la fonction randbetween dans la zone rouge et définissons la première ligne sur 2 et la dernière ligne sur 7, comme le montre la figure ci-dessous. 4. Ensuite, nous entrons devant

Explication détaillée de la conception et de la mise en œuvre du système de loterie PHP Explication détaillée de la conception et de la mise en œuvre du système de loterie PHP Mar 01, 2024 am 09:51 AM

Explication détaillée de la conception et de la mise en œuvre du système de loterie PHP 1. Présentation La loterie est un outil marketing utilisé par de nombreux sites Web et applications. Grâce à la loterie, elle peut inciter les utilisateurs à participer à des activités, augmenter l'interactivité des utilisateurs et améliorer leur fidélité. Dans cet article, nous présenterons en détail comment utiliser le langage PHP pour concevoir et mettre en œuvre un système de loterie simple. En étudiant cet article, les lecteurs comprendront les principes de construction et la mise en œuvre du code spécifique du système de loterie. 2. Conception du système Avant de concevoir un système de loterie, nous devons d'abord déterminer les exigences fonctionnelles et les processus du système. un

Comment utiliser Vue pour implémenter des effets spéciaux de roue de loterie Comment utiliser Vue pour implémenter des effets spéciaux de roue de loterie Sep 19, 2023 am 10:18 AM

Comment utiliser Vue pour implémenter des effets spéciaux de roue de loterie En tant qu'outil marketing populaire, les activités de loterie apparaissent souvent dans diverses activités. Afin d'augmenter le plaisir et l'interactivité, nous pouvons utiliser le framework Vue pour implémenter un effet spécial de roue de loterie. Cet article expliquera comment utiliser Vue pour obtenir cet effet spécial et donnera des exemples de code spécifiques. Tout d'abord, nous devons créer une instance Vue pour contrôler l'état et l'animation de la platine. Dans cet exemple, nous devons définir l'état initial de la roue, y compris le palmarès, si la roue tourne,

Étapes et techniques pour développer des fonctions de loterie en utilisant PHP Étapes et techniques pour développer des fonctions de loterie en utilisant PHP Feb 29, 2024 pm 04:42 PM

Titre : Étapes et techniques pour développer des fonctions de loterie à l'aide de PHP. Dans le développement de sites Web, les fonctions de loterie sont souvent utilisées pour augmenter l'interactivité et l'attraction des utilisateurs. Utiliser le langage PHP pour développer des fonctions de loterie est une méthode courante. Dans cet article, nous présenterons comment utiliser PHP pour développer une fonction de loterie simple et donnerons des exemples de code spécifiques. Étape 1 : Préparer la base de données Tout d'abord, nous devons créer une base de données MySQL pour stocker les données pertinentes de la loterie, y compris les informations sur les prix, les informations sur les utilisateurs participants, etc. Vous pouvez utiliser la commande SQL suivante pour créer un

MySQL implémente la fonction de loterie et les étapes pour créer un tableau des prix MySQL implémente la fonction de loterie et les étapes pour créer un tableau des prix Jul 01, 2023 am 09:29 AM

Étapes pour créer une table de prix avec MySQL pour implémenter la fonction de loterie En tant qu'outil marketing courant, les activités de loterie sont largement utilisées dans divers domaines. Afin de mettre en œuvre la fonction de loterie, nous pouvons utiliser la base de données MySQL pour créer un tableau des prix et mettre en œuvre l'ensemble du processus de loterie via des opérations de base de données. Cet article présentera les étapes à suivre pour utiliser MySQL pour créer une table de prix et implémenter la fonction de loterie. Étape 1 : Créer la table des prix Dans MySQL, nous pouvons utiliser l'instruction CREATETABLE pour créer la table des prix. Le palmarès doit contenir au moins les éléments suivants

Comment implémenter la loterie en php Comment implémenter la loterie en php Dec 19, 2022 am 10:10 AM

Comment implémenter la loterie en PHP : 1. Créez un exemple de fichier PHP ; 2. Définissez les prix appartenant à la cagnotte ; 3. Organisez une loterie aléatoire via la méthode "shuffle($prize);" prize[0]) ;" Imprimez simplement les résultats de la loterie.

Comment augmenter le taux de gain à la loterie Douyin ? Quelles sont les techniques ? Comment augmenter le taux de gain à la loterie Douyin ? Quelles sont les techniques ? Mar 07, 2024 pm 02:43 PM

Dans l'ère prospère des médias sociaux d'aujourd'hui, les courtes vidéos de Douyin sont devenues un élément indispensable de la vie des gens. La loterie sur Douyin a également attiré l'attention et la participation d'innombrables utilisateurs. Cependant, de nombreuses personnes rencontrent souvent un problème : Comment améliorer leur taux de gain à la loterie Douyin ? Cet article résumera plusieurs conseils pour améliorer votre taux de gain afin de vous aider à avoir plus de chance à la loterie Douyin. 1. Lisez attentivement les règles de la loterie. Pour augmenter le taux de gain, nous ne pouvons pas ignorer les règles de la loterie. Chaque loterie aura des règles détaillées, y compris les conditions de participation, l'heure et la méthode de la loterie, etc. Avant de participer, assurez-vous de lire attentivement le règlement et assurez-vous de remplir toutes les conditions. Parfois, vous pouvez également découvrir des opportunités cachées en lisant attentivement les règles, augmentant ainsi vos chances de réussite.

Comment utiliser PHP pour mettre en œuvre des tirages de loterie et des avantages dans les mini-programmes WeChat Comment utiliser PHP pour mettre en œuvre des tirages de loterie et des avantages dans les mini-programmes WeChat Jun 02, 2023 am 10:51 AM

Avec la popularité des mini-programmes WeChat, de plus en plus d'entreprises commencent à faire des affaires via les mini-programmes WeChat. Parmi eux, les tirages au sort et les activités sociales peuvent non seulement améliorer la fidélité des utilisateurs, mais également améliorer la visibilité de l'entreprise. Cet article explique comment utiliser PHP pour mettre en œuvre des activités de loterie et de bien-être dans les mini-programmes WeChat. 1. Connectez-vous à l'applet WeChat Tout d'abord, nous devons comprendre la connexion à l'applet WeChat. Dans le mini programme WeChat, si l'utilisateur a besoin de se connecter, il doit ouvrir la page d'autorisation de connexion fournie par WeChat et accepter l'autorisation. Ce n'est qu'alors que nous pourrons obtenir les informations de l'utilisateur puis effectuer l'extraction.

See all articles