JavaScript implementiert einfache Rechnerfunktion
|
In diesem Artikelbeispiel wird der spezifische JavaScript-Code zur Implementierung einer einfachen Rechnerfunktion zu Ihrer Information geteilt. Der spezifische Inhalt ist wie folgt Die spezifischen Anforderungen sind wie folgt:
Implementierungscode:
<html>
<Kopf>
<meta charset="utf-8">
<title>Rechner</title>
<Skript>
Funktion myck(Typ){
var num1 = document.getElementById("num1");
var num2 = document.getElementById("num2");
wenn(Typ==1){
// Berechnungsoperation var Ergebnis = parseInt(num1.value) + parseInt(num2.value);
Alarm(Ergebnis);
document.getElementById("resultDiv").innerText = "Endgültiges Berechnungsergebnis: " + result;
}sonst wenn(Typ==2){
var Ergebnis = parseInt(num1.Wert) – parseInt(num2.Wert);
Alarm(Ergebnis);
document.getElementById("resultDiv").innerText = "Endgültiges Berechnungsergebnis: " + result;
}
sonst wenn(Typ==3){
var Ergebnis = parseInt(num1.Wert) * parseInt(num2.Wert);
Alarm(Ergebnis);
document.getElementById("resultDiv").innerText = "Endgültiges Berechnungsergebnis: " + result;
}
sonst wenn(Typ==4){
if(confirm("Ist es richtig gelöscht?")){
// Löschen Sie num1.value = "";
num2.value = "";
document.getElementById("resultDiv").innerText="";
}
}
}
</Skript>
</Kopf>
<Text>
<div Stil="Rand oben: 100px;Rand links: 500px;">
<span style="font-size: 60px;">Rechner</span>
</div>
<div>
<div Klasse = "innerDiv" Stil = "margin-left: 490px;">
Nummer 1: <input id="num1" type="number" placeholder="Bitte geben Sie die Nummer 1 ein">
</div>
</div>
<div>
<div Klasse = "innerDiv" Stil = "margin-left:490px;">
Nummer 2: <input id="num2" type="number" placeholder="Bitte geben Sie Nummer 2 ein">
</div>
</div>
<div>
<div Stil="margin-left: 500px;" Klasse="innerDiv">
<input type="button" onclick="myck(1)" value="Hinzufügen">
<input type="button" onclick="myck(2)" value="Subtrahieren">
<input type="button" onclick="myck(3)" value="Multiplizieren">
<input type="button" onclick="myck(4)" value="Löschen Leeren">
</div>
</div>
<div id="ErgebnisDiv">
</div>
</body>
<Stil>
.innerDiv{
Rand links: 420px;
Rand oben: 20px;
}
</Stil>
</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:
|
<<: So verwenden Sie Nginx zur Simulation einer Blue-Green-Bereitstellung
Artikel empfehlen
So generieren Sie MySQL-Beispielcodes für die stapelweise Generierung einer Tabelle mit nicht duplizierten Mobiltelefonnummern
Vorwort In vielen MySQL-Test-Szenarien müssen ein...
So kommunizieren Sie zwischen dem WIN10-System und der internen Container-IP von Docker
1. Nach der Installation der Windows-Version von ...
MySQL-Join-Abfragesyntax und Beispiele
Verbindungsabfrage: Es ist das Ergebnis der paarw...
HTML-Auszeichnungssprache - Tabellen-Tag
Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...
Webinterview: Der Unterschied zwischen MVC und MVVM und warum Vue nicht vollständig mit MVVM kompatibel ist
Inhaltsverzeichnis Unterschied zwischen MVC und M...
Detaillierte Erklärung zur Verwendung von MySQL Online DDL
Inhaltsverzeichnis Text LOCK-Parameter ALGORITHMU...
So konvertieren Sie ein JavaScript-Array in eine Baumstruktur
1. Nachfrage Das Backend stellt solche Daten bere...
Vue implementiert dreidimensionales Säulendiagramm basierend auf E-Charts
Das dreidimensionale Säulendiagramm besteht aus d...
Der visuelle Designpfad der Website sollte den Benutzergewohnheiten entsprechen
Cooper sprach über den visuellen Pfad des Benutze...
Lösungen für das Problem der Erstellung von XHTML- und CSS-Webseiten
Die Lösungen für die Probleme, die bei der Erstell...
Detaillierte Erläuterung der Frp-erzwungenen Umleitung zur https-Konfiguration unter Nginx
Da der Router zu Hause die Bandbreite von 300 Mbi...
Detaillierte Erklärung der Lösung für die Baidu-https-Authentifizierungsaufforderung „Bitte leiten Sie Ihre http-Site 301 auf die https-Site um“
Ich wollte vor Kurzem eine Website auf https-Zugr...
Detaillierte Erläuterung der geplanten Ausführungsaufgaben für MySQL-Datenbankereignisse
1. Hintergrund Mit der Weiterentwicklung des Proj...
MySQL-Datenbanktabelle und Datenbankpartitionierungsstrategie
Lassen Sie uns zunächst darüber sprechen, warum w...
Lösung für Win10 ohne Hyper-V
Suchen Sie immer noch nach einer Möglichkeit, Hyp...