Verwenden von js zum Implementieren eines Zahlenratespiels

Letzte Woche gab mir der Lehrer eine kleine Hausaufgabe, bei der ich ein Zahlenratespiel spielen sollte. Ich fand es ziemlich interessant, also schrieb ich es einfach so nebenbei auf. Die Logik ist an manchen Stellen nicht sehr vernünftig (bitte kritisieren Sie mich nicht, wenn Sie ein Neuling sind). Der Hauptinhalt besteht darin, zufällig positive Ganzzahlen von 0 bis 100 zu generieren. Raten Sie sechsmal und jedes Mal, wenn Sie raten, ob Sie zu hoch oder zu niedrig geraten haben. Wenn Sie einen Fehler machen, wird das Herz schwarz. Nachdem das Ergebnis abgeschlossen ist, wird ein Eingabeaufforderungsfeld angezeigt, in dem Sie gefragt werden, ob Sie fortfahren möchten. Wenn Sie fortfahren, aktualisieren Sie die Seite (das Prinzip und der Inhalt sind sehr einfach, nur zur Erinnerung).

Das Beispieldiagramm und der Code sind beigefügt (die richtige Antwort wird vorab in der Konsole ausgedruckt)

Das Prinzip und der Inhalt sind sehr einfach, daher werde ich nicht ins Detail gehen (das Bild wird von Iconfont heruntergeladen, Sie können es selbst herunterladen).

Code:

<!DOCTYPE html>
<html lang="de">
<Kopf>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-kompatibel" content="IE=edge">
    <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
    <title>Dokument</title>
</Kopf>
<Stil>
    * {
        Rand: 0;
        Polsterung: 0;
    }
    .ran {
        Rand: 100px automatisch;
        Polsterung links: 40 %;
    }
    ul {
        Listenstil: keiner;
    }
    ul img {
        Breite: 20px;
        Höhe: 20px;
        schweben: links;

    }
</Stil>
<Text>
    <div Klasse="ran">
        <h1>Rate die Zahl</h1>
        <h3>Bitte geben Sie eine positive Ganzzahl zwischen 0 und 100 ein</h3>
        <Eingabetyp="Text" onchange="handlenum()">
        <button class="aber" click="li()">OK</button>
        <ul>
            <li><img src="./x1.png" alt=""></li>
            <li><img src="./x1.png" alt=""></li>
            <li><img src="./x1.png" alt=""></li>
            <li><img src="./x1.png" alt=""></li>
            <li><img src="./x1.png" alt=""></li>
            <li><img src="./x1.png" alt=""></li>
        </ul>
    </div>
    <Skript>
        // lass aber = document.querySelector('aber')
        let inp = document.querySelector('Eingabe')
        let img = document.querySelectorAll('img')
        lass num = Math.round(Math.random()*100)
        sei i = 0
        konsole.log(num);
        Funktion handlenum() {}
        Funktion li () {
            ich++
            wenn (i<6) {
                lass guess = parseInt(inp.value)
                0<Schätzung<100? Schätzung :alert('Bitte geben Sie eine positive Ganzzahl zwischen 0 und 100 ein')

                wenn (Schätzung === Zahl) {
                    if (confirm('Herzlichen Glückwunsch, Sie haben richtig geraten, möchten Sie das Spiel fortsetzen?')) {
                            fenster.standort.neuladen();
                        }
                    } anders {
                        rate>Anzahl? alert("größer"):alert('kleiner')
                        img[6-i].src = './x2.png'
                    }
            } anders {
                if (confirm('Die Anzahl der Male ist aufgebraucht, möchten Sie neu starten?')) {
                    fenster.standort.neuladen();
                } 
            }
        }
    </Skript>
</body>
</html>

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:

js zur Implementierung eines Popup-Fenster-Zahlenratespiels
Ein Beispiel für einen Code für ein Ratespiel basierend auf JavaScript
JS-Zahlenschätzspiel - Beispielerklärung
JavaScript zur Implementierung des Zahlenratespiels
JS implementiert ein webbasiertes Ratespiel
jsp+servlet zur Realisierung des Zahlenratespiels
Ein Beispiel für die Generierung von Zufallszahlen und das Schätzen der Größe von Zahlen, implementiert durch AngularJS
AngularJS implementiert die Funktion zum Erraten der Größe von Zahlen
js implementiert ein Zahlen-Ratespiel
Einfacher Implementierungscode des js-Zahlenratespiels

<<: Detaillierte Erläuterung der Befehle zum Lesen und Schreiben von Remotedateien mit Vim im Linux-System

>>: Installationsschritte für die chinesische Eingabemethode von Ubuntu 20.04

Neunundvierzig JavaScript-Tipps und Tricks

Verwenden von js zum Implementieren eines Zahlenratespiels

Neunundvierzig JavaScript-Tipps und Tricks

Lösung für den Fehler beim Kompilieren des LVGL-Emulators unter Linux

js, um die Rotation von Webseitenbildern zu realisieren

Lösen Sie das Problem verstümmelter chinesischer Schriftzeichen in Mysql5.7

MySQL-Schritte vollständig löschen

React kapselt die globale Bullet-Box-Methode

So stellen Sie eine Nextcloud-Netzwerkfestplatte mit Docker bereit

Detaillierte Erklärung der Prinzipien und der Verwendung von MySQL-Datentypen und Feldattributen

MySQL-Konfiguration SSL-Master-Slave-Replikation

Artikel empfehlen

Lokale MySQL-Installation und Problemlösung

Verwenden Sie CSS3-Hintergrundsteuerungseigenschaften + Farbübergang, um einen Farbverlaufseffekt zu erzielen

Mehrere Möglichkeiten zum Verbinden von Tabellen in MySQL

Vue implementiert die Funktion zum Aufrufen der Handykamera und des Albums

Tastenkombinationsvorgang für SQL Server-Kommentare

Eine vollständige Liste gängiger Linux-Systembefehle für Anfänger

So rufen Sie ein Verzeichnis/einen Ordner in Linux auf, ohne den CD-Befehl zu verwenden

So lösen Sie das Problem, dass die Scroll-Ansicht des WeChat-Applets nicht nach links und rechts verschoben werden kann

URL-Rewrite-Modul 2.1 URL-Rewrite-Modul – Regeln schreiben

Installations-Tutorial zur komprimierten Version von MySQL 8.0.11 unter Win10

HTML-Text in vertikalen Spalten anzeigen, um den Text in vertikalen Spalten anzuzeigen

Analyse des Idea-Compiler-Vue-Einrückungsfehlerproblemszenarios

So erhalten Sie die Schnittmenge/Differenz/Vereinigung zweier Mengen in MySQL

Schritte zur VSCode-Konfiguration mit der Git-Methode

JavaScript implementiert die Verarbeitung großer Datei-Uploads