In diesem Artikelbeispiel wird der spezifische JavaScript-Code zur Implementierung eines einfachen Rechners als Referenz bereitgestellt. Der spezifische Inhalt ist wie folgt Entwerfen Sie einen einfachen Taschenrechner Code <Text> <a>Erste Zahl</a> <Eingabetyp="Test" ID="inputId1" Wert="" /><br/> <a>Zweite Nummer</a> <Eingabetyp="Test" ID="inputId2" Wert="" /><br/> <button onclick="cal('+')">+</button> <button onclick="cal('-')">-</button> <button onclick="cal('*')">*</button> <button onclick="cal('/')">/</button><br/> Berechnungsergebnisse <Eingabetyp="Test" ID="Ergebnis-ID" Wert="" /> <Skripttyp="text/javascript"> // Funktion add() { // console.log('Hinzufügen'); // var inputObj1 = document.getElementById('inputId1'); // var inputObj2 = document.getElementById('inputId2'); // var Ergebnis = parseInt(inputObj1.value) + parseInt(inputObj2.value); // var resultObj = document.getElementById('Ergebnis'); // resultObj.value = Ergebnis; // console.log(Ergebnis); // } Funktion cal(Typ) { var inputObj1 = document.getElementById('inputId1'); var inputObj2 = document.getElementById('inputId2'); Schalter(Typ){ Fall '+': var Ergebnis = parseInt(inputObj1.Wert) + parseInt(inputObj2.Wert); brechen; Fall '-': var Ergebnis = parseInt(inputObj1.Wert) – parseInt(inputObj2.Wert); brechen; Fall '*': var Ergebnis = parseInt(inputObj1.Wert) * parseInt(inputObj2.Wert); brechen; Fall '/': var Ergebnis = parseInt(inputObj1.Wert) / parseInt(inputObj2.Wert); brechen; } var resultObj = document.getElementById('resultId'); resultObj.value = Ergebnis; } </Skript> </body> </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:
|
<<: Zusammenfassung grundlegender SQL-Anweisungen in der MySQL-Datenbank
>>: So führen Sie ein Python-Skript auf Docker aus
Einführung in MQTT MQTT (Message Queuing Telemetr...
Inhaltsverzeichnis 1. Mehrere .catch 2. Mehrere ....
Müssen die Felder und Eigenschaften der Tabelle i...
Inhaltsverzeichnis JavaScript importieren 1. Inte...
Inhaltsverzeichnis 1. Einführung in SQL-Injection...
Div-Grundlayout <div Klasse="Haupt"&...
Da ich MySQL schon so lange verwende, glaube ich,...
Inhaltsverzeichnis 0. Der mit dem System geliefer...
Inhaltsverzeichnis 1. Plugins 2. Zwischenspiel 3....
【1】existiert Verwenden Sie eine Schleife, um die ...
Inhaltsverzeichnis 1. Extrahieren von Funktionen ...
1. Reproduktion des Problems: Zählen Sie die Gesa...
In MySQL können Sie die Funktionen IF(), IFNULL()...
1. Auf welche Probleme sind wir gestoßen? In Stan...
Vorwort Dieser Artikel stellt hauptsächlich die r...