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:
|
<<: Detaillierte Erläuterung gängiger MySQL-Befehle im Linux-Terminal
>>: Vollständige Schritte zum Mounten einer neuen Datenfestplatte in CentOS7
Artikel empfehlen
So installieren Sie MySQL 8.0 in Docker
Umgebung: MacOS_Cetalina_10.15.1, Mysql8.0.18, Do...
Detailliertes Tutorial zur Installation des PHP-FPM-Dienstes/der PHP-FPM-Erweiterung/-Konfiguration in Docker
Als ich php56 mit brew auf mac installierte, stie...
Lassen Sie uns ausführlich über den Unterschied zwischen unbekannt und beliebig in TypeScript sprechen
Inhaltsverzeichnis Vorwort 1. unbekannt vs. belie...
Tipps, wie Sie aus Pixeln umfassende Markenerlebnisse machen
Herausgeber: In diesem Artikel wird die Rolle erö...
Das Prinzip und die Implementierung des JS-Drag-Effekts
Die Drag-Funktion wird hauptsächlich verwendet, u...
So erstellen Sie einen MySQL-Master-Slave-Server auf CentOS7 (grafisches Tutorial)
Dieser Artikel stellt hauptsächlich vor, wie man ...
Implementierung der Docker-Bereitstellung von Tomcat- und Webanwendungen
1. Docker online herunterladen yum install -y epe...
Detaillierte Beschreibung der Funktion von new in JS
Inhaltsverzeichnis 1. Beispiel 2. Erstelle 100 So...
Detaillierte Erläuterung der Hochverfügbarkeitskonfiguration von Docker
Docker Compose Docker Compose unterteilt die verw...
JavaScript zum Filtern von Arrays
In diesem Artikelbeispiel wird der spezifische Co...
Grafisches Tutorial zur Installation von Tomcat8 auf einem Linux-System Centos7.X
1. Erstellen Sie den Tomcat-Installationspfad mkd...
Generieren Sie zufällig einen achtstelligen Rabattcode und speichern Sie ihn in der MySQL-Datenbank
Viele Unternehmen bieten derzeit Sonderaktionen m...
Einführung in Linux-Umgebungsvariablen und Prozessadressraum
Inhaltsverzeichnis Linux-Umgebungsvariablen und P...
Lösung für das Problem der großen Schriftgröße auf iPhone-Geräten in WAP-Seiten
Wenn Sie keine Javascript-Steuerung verwenden möch...
Detaillierte Erläuterung der Verwendung von Requisiten in den drei Hauptattributen von React
Inhaltsverzeichnis Klassenkomponente Funktionale ...