Heim > Web-Frontend > js-Tutorial > Hauptteil

Detailliertes Beispiel für das Schreiben eines kleinen Programms zur zufälligen Auswahl von Zahlen mithilfe von JavaScript

巴扎黑
Freigeben: 2017-08-12 16:19:11
Original
3728 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Funktion eines kleinen, in JS geschriebenen Programms zur zufälligen Auswahl von Zahlen vorgestellt. Es ist sehr gut und hat Referenzwert.

Ich habe gerade angefangen, JavaScript zu lernen Ein zufälliges kleines Programm zum Extrahieren von Zahlen ist mit allen Codes im Hauptteil als Referenz beigefügt.

Dieses Programm kann die folgenden Funktionen implementieren:

1. Geben Sie die maximale Anzahl zum Zeichnen in das Textfeld ein

2. Klicken Sie auf die Schaltfläche, um mit dem Zeichnen von Zahlen zu beginnen generieren 1~max Eine ganze Zahl zwischen den Werten

3. Die extrahierte Zahl kann nicht erneut extrahiert werden, um die Eindeutigkeit der Zahl sicherzustellen

4. Geben Sie das Zahlenergebnis in die ein Ergebnis und Anzeige

5. Speichern Sie die generierte Zahl in „exist“ und zeigen Sie sie an

Der spezifische Code lautet wie folgt:


<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>
Nach dem Login kopieren

Das Laufergebnis ist wie folgt:

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel für das Schreiben eines kleinen Programms zur zufälligen Auswahl von Zahlen mithilfe von JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!