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
Der erzielte EffektImplementierungscode html <...
Inhaltsverzeichnis Vorwort analysieren Daten insg...
1. Was ist Beim Parallax-Scrolling handelt es sic...
Als ich kürzlich das Intranet-Portal änderte, sti...
DOKTYP Doctype wird verwendet, um dem Browser mit...
In diesem Artikel wird der Implementierungscode d...
Überprüfen Sie zunächst die von Ihnen verwendete ...
In diesem Artikelbeispiel wird der spezifische Co...
Laut dem Datenanalyseunternehmen Net Market Share...
WeChat-Miniprogramme erfreuen sich immer größerer...
Das Folgende ist mein Urteil basierend auf der Da...
Vorwort Der optionale Verkettungsoperator (?.) er...
Jede dieser 16 Sites ist eine sorgfältige Lektüre ...
Inhaltsverzeichnis Vorwort Hintergrund Große Verm...
Inhaltsverzeichnis Gängige Komprimierungsformate:...