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
Beispiel für den Export und Import von Docker-Containern
Inhaltsverzeichnis Docker-Container exportieren D...
So realisieren Sie die vertikale Anordnung von Text mit CSS3
In einem aktuellen Projekt wollte ich Text vertik...
Beispiele für die Verwendung des Li-Tags in HTML
Ich möchte den Titel links und das Datum rechts a...
Auszeichnungssprache - vereinfachte Tags
Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...
So installieren Sie Docker und konfigurieren Alibaba Cloud Image Accelerator
Docker-Installation Über die Installation auf ein...
CSS Lieferadresse Parallelogramm Linienstil Beispielcode
Der Code sieht folgendermaßen aus: // Linienstil ...
Detailliertes Beispiel für die Verwendung von MySQL-Triggern
Details zur MySQL-Triggersyntax: Ein Trigger ist ...
MySQL Server 8.0.3 Installations- und Konfigurationsmethoden - Grafisches Tutorial
In diesem Dokument werden die Installations- und ...
Docker führt Vorgänge mit dem angegebenen Speicher aus
wie folgt: -m, --memory Speicherlimit, das Format...
MySQL-Index für Anfänger
Vorwort Da die wichtigste Datenstruktur im MySQL-...
Was Sie über Responsive Design wissen müssen
Responsive Design bedeutet, während des Website-E...
Schritte zum Übertragen von Dateien und Ordnern zwischen zwei Linux-Servern
Heute habe ich mich mit der Migration eines Proje...
Sprechen Sie kurz über MySQL Left Join Inner Join
Vorwort Ich war kürzlich damit beschäftigt, ein K...
MySQL umgeht die Gewährung von information_schema-Objekten und meldet den Fehler ERROR 1044 (4200)
Diese Frage ist eine Diskussion unter Internetnut...
Miniprogramm zur Implementierung der Rechnerfunktion
In diesem Artikelbeispiel wird der spezifische Co...