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
In diesem Artikel wird hauptsächlich die einfache...
Inhaltsverzeichnis 1. Definition und Verwendung 1...
Schauen wir uns zunächst den Code an <form id=...
Inhaltsverzeichnis 1. Index-Grundlagen 1.1 Einlei...
Vorwort Wenn wir Abfrageanweisungen verwenden, mü...
Hintergrund <br />Studenten, die am Front-En...
Jetzt unterstützt der 2016-Server den Multi-Site-...
Inhaltsverzeichnis Überblick Durchführung Schutz-...
Cerebro ist eine Weiterentwicklung des Elasticsea...
Nach der Dekomprimierung der grünen Version von m...
Umfassende Dokumentation GitHub-Adresse https://g...
1. Zusammenfassung: Im Allgemeinen können sie in ...
1. Herunterladen 1. Klicken Sie auf den neuesten ...
1. CSS alphabetisch ordnen Nicht in alphabetischer...
Wenn auf einer Seite mehrere Bilder eingefügt wer...