Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>
- Test: Billiger Taschenrechner v1.1
- </title>
- <meta name="author" content="Eiffel Buff" />
- <!-- Script -->
- <script type="text/javascript">
- function fRechnen() {
- // Eingaben auslesen
- var numInput1 = parseFloat(document.getElementById("txtInput1").value);
- var numInput2 = parseFloat(document.getElementById("txtInput2").value);
- // Rechenoperation ermitteln
- var strAuswahl = document.getElementById("txtAuswahl").value;
- // Switchie
- switch (strAuswahl) {
- case "plus": case "+":
- // Auswahl "plus"
- // Zahlen werden addiert und Ergebnis ausgegeben
- document.getElementById("txtOutput").value = numInput1 + numInput2;
- // Eventuelle Fehlermeldung löschen
- document.getElementById("fehlermeldung").innerHTML = "";
- break;
- case "minus": case "-":
- // Auswahl "minus"
- // Zahlen werden subtrahiert und Ergebnis ausgegeben
- document.getElementById("txtOutput").value = numInput1 - numInput2;
- // Eventuelle Fehlermeldung löschen
- document.getElementById("fehlermeldung").innerHTML = "";
- break;
- case "mal": case "*":
- // Auswahl "mal"
- // Zahlen werden multipliziert und Ergebnis ausgegeben
- document.getElementById("txtOutput").value = numInput1 * numInput2;
- // Eventuelle Fehlermeldung löschen
- document.getElementById("fehlermeldung").innerHTML = "";
- break;
- case "geteilt": case "/":
- // Auswahl "geteilt"
- if (numInput2 == 0) {
- // Meldung, falls Division durch 0 vorliegt
- document.getElementById("fehlermeldung").innerHTML = "Division durch 0 ist nicht möglich. Geben Sie bitte einen anderen Wert als zweite Zahl an.";
- // Ausgabefeld leeren
- document.getElementById("txtOutput").value = "";
- }
- else {
- // Zahlen werden dividiert und Ergebnis ausgegeben
- document.getElementById("txtOutput").value = numInput1 / numInput2;
- // Eventuelle Fehlermeldung löschen
- document.getElementById("fehlermeldung").innerHTML = "";
- }
- break;
- default:
- // Defaultmeldung, falls etwas nicht klappt
- document.getElementById("fehlermeldung").innerHTML = "Ihnen muss ein Fehler unterlaufen sein. Versuchen Sie es erneut, eventuell mit anderen Eingaben";
- // Ausgabefeld leeren
- document.getElementById("txtOutput").value = "";
- break;
- }
- }
- </script>
- <!-- Stylesheet -->
- <style type="text/css">
- .i {
- font-style: italic;
- }
- #fehlermeldung {
- color: #ff0000;
- font-weight: bold;
- }
- </style>
- </head>
- <body>
- <h1>
- Der unglaubliche, billige Taschenrechner! (Version 1.1)
- </h1>
- <p>
- Geben Sie zwei Zahlen ein, wählen Sie eine Rechenoperation und staunen Sie, wie unglaublich unpraktisch dieser Taschenrechner ist. Es soll ja nur ein kleiner Test dafür sein, ob ich das Prinzip verstanden habe. Ja, ich weiß, dass man das auch viel einfacher lösen kann und ich weiß auch wie. Meine Fresse.
- </p>
- <!-- Eingabefelder -->
- <input id="txtInput1" type="text" value="Erste Zahl" />
- <input id="txtInput2" type="text" value="Zweite Zahl" />
- <!-- Auswahl -->
- <p>
- Sie wählen eine Rechenoperation, indem Sie eines der Worte <span class="i">plus</span>, <span class="i">minus</span>, <span class="i">mal</span> oder <span class="i">geteilt</span> in das folgende Feld eintragen, und zwar exakt so, wie ich sie vorgegeben habe. Alternativ können Sie auch die Rechensymbole eintragen: + - * /
- </p>
- <input id="txtAuswahl" type="text" value="Rechenoperation" />
- <br />
- <br />
- <br />
- <!-- Button -->
- <input id="btnStart" type="button" value="Berechnen" onClick="fRechnen()" />
- <!-- Ausgabe -->
- <p>
- Ergebnis: <input id="txtOutput" type="text" value="" />
- <br />
- <span id="fehlermeldung"></span>
- </p>
- <!-- NOTIZ DES AUTORS
- Ich werde jedem Menschen, der auch nur ansatzweise Verantwortung dafür trägt, dass JavaScript-Switches keiner humanen Logik gehorchen, persönlich ins Gesicht spucken.
- -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement