Implementierung eines Web-Rechners auf Basis von JavaScript

In diesem Artikel wird der spezifische JavaScript-Code zur Implementierung des Minesweeper-Spiels des Web-Rechners zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt

Erster Blick auf die Wirkung:

Darüber hinaus verfügt der Rechner auch über Digital- und Bedienerkontrollfunktionen:

Fügen Sie den Quellcode unten ein:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" />
<title>Rechner</title>
<Skriptsprache="Javascript">

 var oper1=prompt("Bitte geben Sie den ersten Operanden ein:");
 var oper2 = prompt("Bitte geben Sie den zweiten Operanden ein: ");
 var operator=prompt("Bitte geben Sie den Operator (+, -, *, /) ein");
 analysieren();
 var Ergebnis;
 Schalter (Bediener)
 {
  Fall"+":
   Ergebnis=doSum(oper1,oper2);
   Alarm(Operator1+"+"+Operator2+"="+Ergebnis);
   brechen;
  Fall"-":
   Ergebnis = doSubtract (oper1, oper2);
   Alarm(Operator1+"-"+Operator2+"="+Ergebnis);
   brechen;
  Fall"*":
   Ergebnis = doMultiply(oper1,oper2);
   Alarm(Operator1+"*"+Operator2+"="+Ergebnis);
   brechen;
  Fall"/":
   Ergebnis = doDivide(oper1,oper2);
   Alarm(Operator1+"/"+Operator2+"="+Ergebnis);
   brechen;
  Standard:
   alert("Der eingegebene Operator ist unzulässig");
  }
  Funktion parse(){
   wenn(istNaN(oper1)||istNaN(oper2)){
    alert("Die eingegebene Nummer ist ungültig");
    }
   anders{
    oper1 = parseFloat(oper1);
    oper2 = parseFloat(oper2);
    }
   }
  Funktion doSum(oper1,oper2){
   gib Oper1+Oper2 zurück;
   }
  Funktion doSubtract(oper1,oper2){
   gibt Oper1-Oper2 zurück;
   }
  Funktion doMultiply(oper1,oper2){
   gibt Oper1*Oper2 zurück;
   }
  Funktion doDivide(oper1,oper2){
   gib Oper1/Oper2 zurück;
   }
</Skript>
</Kopf>

<Text>
</body>
</html>

Natürlich wird hier nur der JavaScript-Quellcode angezeigt. Sie können auch HTML+CSS verwenden, um dem Rechner ein ansprechendes Erscheinungsbild zu verleihen. Sie können es gerne verwenden.

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:

Ein einfacher Rechner, geschrieben in Javascript, mit viel Inhalt und praktischen Methoden. Empfohlen
Einfacher JS-Code zur Realisierung des Taschenrechnerbetriebs
js implementiert einen einfachen Rechner
HTML+JS implementiert einfachen Taschenrechnercode (Addition, Subtraktion, Multiplikation und Division)
Einfacher Rechner-Implementierungscode, geschrieben in JS
JavaScript - einfache Implementierungsschrittzerlegung für Rechner (mit Bildern)
js implementiert einen einfachen Rechner
Reiner Javascript-Code zur Implementierung von Rechnerfunktionen (drei Methoden)
Einfache Implementierung eines JS-Web-Rechners
Web-Rechner Ein JS-Rechner

<<: Detaillierte Erläuterung gängiger MySQL-Befehle im Linux-Terminal

>>: Vollständige Schritte zum Mounten einer neuen Datenfestplatte in CentOS7

Der Unterschied zwischen clientWidth, offsetWidth, scrollWidth in JavaScript

Implementierung eines Web-Rechners auf Basis von JavaScript

Der Unterschied zwischen clientWidth, offsetWidth, scrollWidth in JavaScript

Lösen Sie schnell das Problem, dass der mysql57-Dienst plötzlich verschwunden ist

Detaillierte Schritte zum Debuggen von VUE-Projekten in IDEA

So beheben Sie den Fehler „MySQL-Dienst kann nicht gestartet werden, Fehler 1069“

Mit JS einen rotierenden Weihnachtsbaum in HTML implementieren

Extrahieren Sie bestimmte Dateipfade in Ordnern basierend auf Linux-Befehlen

So richten Sie den Remotezugriff auf einen Server ein, indem Sie in Windows eine IP-Adresse angeben

So implementieren Sie die Navigationsfunktion im WeChat Mini-Programm

Verwenden Sie Standard-DL-, DT- und DD-Tags, um Tabellenlisten zu verwerfen

Erläuterung des TypeScript-Namespace

Artikel empfehlen

W3C Tutorial (10): W3C XQuery Aktivitäten

Importieren von CSS-Dateien unter Verwendung von Beurteilungsbedingungen

Sprechen Sie darüber, wie HTML-Escapezeichen durch Code identifiziert werden können.

So installieren Sie Nginx in CentOS

Beispielanalyse für MySQL-Jointabelle und automatische ID-Inkrementierung

Detaillierte Erläuterung der ActiveMQ-Bereitstellungsmethode in der Linux-Umgebung

Detaillierte Erklärung der Concat-bezogenen Funktionen in MySQL

Detaillierte Erläuterung der grundlegenden Verwendung der Routing-Bibliothek react-navigation6.x

Docker Link realisiert die Containerverbindung

Detaillierte Erklärung der Lösung für das Problem der zu kleinen Ubuntu-Systemschnittstelle in vmware14Pro

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

Zusammenfassung gängiger SQL-Anweisungen in MySQL

Ist das Tag „li“ ein Blockelement?

Detaillierte Erklärung des Loop-Formularelementbeispiels in Vue

Analyse des Parameterübertragungsprozesses des Treibermoduls in Linux