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
SVG wurde in den letzten Jahren aufgrund seiner v...
Die HTML-Struktur ist wie folgt: Die CCS-Struktur...
1. Herunterladen 1. Klicken Sie auf den neuesten ...
Die folgenden Installationen verwenden alle das V...
Warum hat CSS einen Kaskadierungsmechanismus? Da ...
Code kopieren Der Code lautet wie folgt: <!DOC...
Designer verfügen über eine eigene Schriftartenbi...
Erstellen Sie in MySQL eine Ansicht für zwei oder...
Code kopieren Der Code lautet wie folgt: <!-- ...
Inhaltsverzeichnis Vorwort MySQL-Fall mit Syntax:...
MySQL-Fehler: Parameterindex außerhalb des gültig...
Frontend css3.filter kann nicht nur den Graueffek...
Inhaltsverzeichnis 1. MySQL-Zeittyp 2. Überprüfen...
Weil ich in diesem Fall das Wort Übergang falsch ...
Grundlegendes Konzept: Funktionsprinzip von Macvl...