JavaScript-Implementierung eines einfachen Additionsrechners
|
In diesem Artikelbeispiel wird der spezifische JavaScript-Code zur Implementierung des Additionsrechners zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt Spezifische Anforderungen:
1. Seitenlayout: Konkrete Umsetzung:
<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:"+
Ergebnis;
}sonst wenn(Typ==2){
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;">Additionsrechner</span>
</div>
<div>
<div Klasse = "innerDiv" Stil = "margin-left: 550px;">
Nummer 1: <input id="num1" type="number" placeholder="Bitte geben Sie die Nummer 1 ein">
</div>
</div>
<div>
<div Klasse = "innerDiv" Stil = "margin-left: 550px;">
Nummer 2: <input id="num2" type="number" placeholder="Bitte geben Sie Nummer 2 ein">
</div>
</div>
<div>
<div Stil="margin-left: 600px;" Klasse="innerDiv">
<input type="button" onclick="myck(1)" value="Berechnen">
<input type="button" onclick="myck(2)" value="Löschen">
</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:
|
<<: Lösung zum automatischen Stoppen des MySQL-Dienstes
Artikel empfehlen
Erfahren Sie, wie Sie Docker unter Windows 10 Home Edition installieren.
Als ich die Bücher über Redis und Spring Cloud Al...
Eine kurze Einführung in MySQL-Funktionen
Inhaltsverzeichnis 1. Mathematische Funktionen 2....
Detailliertes Tutorial zum Erstellen eines Benutzers in MySQL und zum Erteilen von Benutzerberechtigungen
Inhaltsverzeichnis Benutzerverwaltung Neuen Benut...
Berechnete Eigenschaften und Listenerdetails
Inhaltsverzeichnis 1. Berechnete Eigenschaften 1....
Was tun, wenn Sie bei der Installation von MySQL auf einem Mac das ursprüngliche Kennwort vergessen?
Das Vergessen des Passworts ist ein Ärgernis. Was...
Vergleich der Vorteile von vue3 und vue2
Inhaltsverzeichnis Vorteil 1: Optimierung des Dif...
Detaillierte Erklärung des Ungültigkeitsprozesses des VUE-Tokens
Inhaltsverzeichnis Ziel Gedankenanalyse Code-Land...
Wichtige Updates für MySQL 8.0.23 (neue Funktionen)
Autor: Guan Changlong ist DBA in der Delivery Ser...
Beispielcode für nahtloses Scrollen mit Flex-Layout
In diesem Artikel wird hauptsächlich der Beispiel...
Detaillierte Erläuterung zur Verwendung von Amoeba zum Implementieren der Lese-/Schreibtrennung einer MySQL-Datenbank
Es gibt viele Lese-/Schreibtrennungsarchitekturen...
JavaScript implementiert die Eingabeüberprüfung im Kennwortfeld
Manchmal ist es notwendig, bei Benutzereingaben e...
Tutorial zur HTML-Tabellenauszeichnung (9): Zellabstandsattribut CELLSPACING
Damit die Tabelle nicht zu kompakt wirkt, kann zw...
my.cnf-Parameterkonfiguration zur Optimierung der InnoDB-Engine-Leistung
Ich habe im Internet unzählige my.cnf-Konfigurati...
Beispiel für einen WeChat-Applet-Rechner
Beispiel für einen WeChat-Applet-Rechner. Zu Ihre...
HTML-Formular_PowerNode Java Academy
1. Formular 1. Die Rolle des Formulars HTML-Formu...