Exemple détaillé d'écriture d'un petit programme pour sélectionner aléatoirement des nombres à l'aide de JavaScript-js tutoriel-php.cn

Exemple détaillé d'écriture d'un petit programme pour sélectionner aléatoirement des nombres à l'aide de JavaScript

巴扎黑

Libérer： 2017-08-12 16:19:11

original

3772 Les gens l'ont consulté

Cet article présente principalement la fonction d'un petit programme de sélection aléatoire de nombres écrits en JS. Il est très bien et a une valeur de référence. Les amis dans le besoin peuvent s'y référer

Je viens de commencer à apprendre JavaScript et j'ai écrit. un aléatoire Le petit programme d'extraction de nombres est joint avec tous les codes du corps pour votre référence.

Ce programme peut implémenter les fonctions suivantes :

1. Entrez le nombre maximum de nombres dans la zone de texte

2. Cliquez sur le bouton pour commencer à tirer des nombres, et au hasard. générer 1~max Un entier entre les valeurs

3. Le nombre qui a été extrait ne peut pas être extrait à nouveau pour garantir l'unicité du nombre

4. Mettez le résultat du nombre dans le résultat et affichez-le

5. Stockez le numéro généré dans exist et affichez-le

Le code spécifique est le suivant :

<body>
  <input type="text" id="txt" placeholder="请在里面输入号码最大值！">
  <input type="button" id="btn" value="抽号">
  <p>
   <span>结果：</span>
   <span id="result"></span>
  </p>
  <p>
   <span>已抽取：</span>
   <span id="exist"></span>
  </p>
  <script type="text/javascript">
   var oBtn = document.getElementById("btn");
   var oTxt = document.getElementById("txt");
   var oRes = document.getElementById("result");
   var oExi = document.getElementById("exist");
   var arr = []; //存放座号 
   oBtn.onclick = function() {
    getSeat(oTxt.value);
   }
   function getSeat(maxnum) {
    for(var i = 0; i < maxnum; i++){
     var num = Math.floor(Math.random() * maxnum) + 1;
     var j;
     for(j = 0; j < arr.length; j++) {
      if(num == arr[j])
       break;
     }
     if(j == arr.length) {
      arr.push(num);
      oRes.innerHTML = num;
      oExi.innerHTML = arr;
      return;
     }
    }
   }
  </script>
 </body>

Copier après la connexion

Le résultat en cours d'exécution est le suivant :