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
Über die Überlappung von Randwert und vertikalem Rand in CSS
Rand paralleler Boxen (Überlappung doppelter Ränd...
Tutorial zur Verwendung von Portainer zum Herstellen einer Verbindung mit einem Remote-Docker
Portainer ist eine leichtgewichtige Benutzeroberf...
Kennen Sie die seltsamen Dinge in Javascript?
Unsere erfahrenen Vorgänger haben zahllose Codes ...
Zusammenfassung gängiger Befehle zur Linux-Benutzer- und Gruppenverwaltung
Dieser Artikel fasst die allgemeinen Befehle zur ...
Navicat-Verbindung MySQL Fehlerbeschreibungsanalyse
Inhaltsverzeichnis Umfeld Version der virtuellen ...
So passen Sie Docker-Images mit Dockerfile an
Anpassen von Bildern mit Dockerfile Unter Bildanp...
CSS3-Implementierungsbeispiel zum Drehen nur des Hintergrundbildes um 180 Grad
1. Mentale Reise Als ich kürzlich das Cockpit sch...
HTML-Tabellen-Tag-Tutorial (33): Attribut für vertikale Zellenausrichtung VALIGN
In vertikaler Richtung können Sie die Zellenausri...
So migrieren Sie den MySQL-Speicherort auf eine neue Festplatte
1. Bereiten Sie eine neue Festplatte vor und form...
Prinzip und Anwendung der MySQL-Master-Slave-Synchronisation
Inhaltsverzeichnis 1. Master-Slave-Synchronisatio...
Detaillierte Analyse des React Diff-Prinzips
Inhaltsverzeichnis Diffing-Algorithmus Schicht-fü...
Mein CSS-Framework – base.css (Browser-Standardstil zurücksetzen)
Code kopieren Der Code lautet wie folgt: @Zeichen...
Eine kurze Diskussion über den Unterschied zwischen src und href in HTML
Einfach ausgedrückt bedeutet src „Ich möchte dies...
Detaillierte Erläuterung der Idee zur Implementierung dynamischer Effekte für die Änderung der Textfüllungsfarbe im Liedtext mit CSS3
Beim Abspielen von Musik werden die Liedtexte im ...
MySQL-Anmeldefehler beheben: „Zugriff für Benutzer ‚root‘@‚localhost‘ verweigert“
Erstens weiß ich nicht, warum ich mich über die B...