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

Implementierungsprinzip der MySQL MyISAM-Standardspeicher-Engine

Implementierung eines Web-Rechners auf Basis von JavaScript

Implementierungsprinzip der MySQL MyISAM-Standardspeicher-Engine

Analyse von Multithread-Programmierbeispielen unter Linux

MySQL häufig verwendete SQL und Befehle vom Eintrag bis zum Löschen der Datenbank und zum Weglaufen

Einfache und schnelle Einführung in die React-Routing-Entwicklung

Ein kurzes Verständnis der drei Prinzipien zum Hinzufügen von MySQL-Indizes

Statischer und dynamischer Gültigkeitsbereich von JavaScript anhand von Beispielen erklärt

So stellen Sie Python-Crawler-Skripte unter Linux bereit und richten geplante Aufgaben ein

Vue+axios-Beispielcode zum Hochladen von Bildern und Erkennen von Gesichtern

Allgemeine grundlegende Linux-Befehle und -Verwendung

MySQL-Sequenz AUTO_INCREMENT ausführliche Erklärung und Beispielcode

Artikel empfehlen

Verwendung des Linux-Befehls bzip2

Lösung für das Problem, dass HTML2-Canvas-SVG nicht erkannt wird

Detaillierte Erklärung der benutzerdefinierten Swiper-Komponente in JavaScript

So verwenden Sie Mixins in Vue

CentOS7-Konfiguration Alibaba Cloud Yum-Quellmethodencode

So schreiben Sie DROP TABLE in verschiedene Datenbanken

So setzen Sie Ihr Linux-Passwort zurück, wenn Sie es verloren haben

Implementierung der Beschleunigung der Docker-Installation und -Konfigurationsabbildung

Beispielcode zur Implementierung von Hintergrundtransparenz und undurchsichtigem Text mit CSS3

Tutorial zu HTML-Tabellen-Tags (36): Hintergrundfarbattribut für Tabellenkopfzeilen BGCOLOR

Detaillierte Erläuterung von vier Lösungen für die MySQL Active-Active-Synchronreplikation

Detaillierte Erläuterung der Verwendung von var () von CSS3 zum Ändern von SCSS-Variablenwerten zur Laufzeit

Detaillierter Prozess zur Erstellung eines VR-Panoramaprojekts mit React und Threejs

Lösung für das Problem, dass Docker Containerdienste nicht stoppen oder löschen kann

Detaillierte Erklärung der Group-By-Anweisung in der MySQL-Datenbankgruppenabfrage