API tools faq
paste
Advertisement
RandomGuy32

Taschenrechner

RandomGuy32
Feb 5th, 2014
307
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 5.90 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>
  4.     Test: Billiger Taschenrechner
  5. </title>
  6. <meta name="author" content="Eiffel Buff" />
  7. <!-- Script -->
  8. <script type="text/javascript">
  9.     function fRechnen() {
  10.         // Eingaben auslesen
  11.         var numInput1 = parseFloat(document.getElementById("txtInput1").value);
  12.         var numInput2 = parseFloat(document.getElementById("txtInput2").value);
  13.         // Rechenoperation ermitteln
  14.         var strAuswahl = document.getElementById("txtAuswahl").value;
  15.         // Switchie
  16.         switch (strAuswahl) {
  17.             case "plus":
  18.                 // Auswahl "plus"
  19.                 // Zahlen werden addiert und Ergebnis ausgegeben
  20.                 document.getElementById("txtOutput").value = numInput1 + numInput2;
  21.                 // Eventuelle Fehlermeldung löschen
  22.                 document.getElementById("fehlermeldung").innerHTML = "";
  23.                 break;
  24.             case "+":
  25.                 // Den gleichen Mist noch einmal, weil JavaScript scheiße ist
  26.                 // Nein, ich werde den doppelten Code nicht als Funktion einbinden. Seht es als Protest
  27.                 // Auswahl "plus"
  28.                 // Zahlen werden addiert und Ergebnis ausgegeben
  29.                 document.getElementById("txtOutput").value = numInput1 + numInput2;
  30.                 // Eventuelle Fehlermeldung löschen
  31.                 document.getElementById("fehlermeldung").innerHTML = "";
  32.                 break;
  33.             case "minus":
  34.                 // Auswahl "minus"
  35.                 // Zahlen werden subtrahiert und Ergebnis ausgegeben
  36.                 document.getElementById("txtOutput").value = numInput1 - numInput2;
  37.                 // Eventuelle Fehlermeldung löschen
  38.                 document.getElementById("fehlermeldung").innerHTML = "";
  39.                 break;
  40.             case "-":
  41.                 // Den gleichen Mist noch einmal, weil JavaScript scheiße ist
  42.                 // Nein, ich werde den doppelten Code nicht als Funktion einbinden. Seht es als Protest
  43.                 // Auswahl "minus"
  44.                 // Zahlen werden subtrahiert und Ergebnis ausgegeben
  45.                 document.getElementById("txtOutput").value = numInput1 - numInput2;
  46.                 // Eventuelle Fehlermeldung löschen
  47.                 document.getElementById("fehlermeldung").innerHTML = "";
  48.                 break;
  49.             case "mal":
  50.                 // Auswahl "mal"
  51.                 // Zahlen werden multipliziert und Ergebnis ausgegeben
  52.                 document.getElementById("txtOutput").value = numInput1 * numInput2;
  53.                 // Eventuelle Fehlermeldung löschen
  54.                 document.getElementById("fehlermeldung").innerHTML = "";
  55.                 break;
  56.             case "*":
  57.                 // Den gleichen Mist noch einmal, weil JavaScript scheiße ist
  58.                 // Nein, ich werde den doppelten Code nicht als Funktion einbinden. Seht es als Protest
  59.                 // Auswahl "mal"
  60.                 // Zahlen werden multipliziert und Ergebnis ausgegeben
  61.                 document.getElementById("txtOutput").value = numInput1 * numInput2;
  62.                 // Eventuelle Fehlermeldung löschen
  63.                 document.getElementById("fehlermeldung").innerHTML = "";
  64.                 break;
  65.             case "geteilt":
  66.                 // Auswahl "geteilt"
  67.                 if (numInput2 == 0) {
  68.                     // Meldung, falls Division durch 0 vorliegt
  69.                     document.getElementById("fehlermeldung").innerHTML = "Division durch 0 ist nicht möglich. Geben Sie bitte einen anderen Wert als zweite Zahl an.";
  70.                     // Ausgabefeld leeren
  71.                     document.getElementById("txtOutput").value = "";
  72.                     }
  73.                 else {
  74.                     // Zahlen werden dividiert und Ergebnis ausgegeben
  75.                     document.getElementById("txtOutput").value = numInput1 / numInput2;
  76.                     // Eventuelle Fehlermeldung löschen
  77.                     document.getElementById("fehlermeldung").innerHTML = "";
  78.                     }
  79.                 break;
  80.             case "/":
  81.                 // Den gleichen Mist noch einmal, weil JavaScript scheiße ist
  82.                 // Nein, ich werde den doppelten Code nicht als Funktion einbinden. Seht es als Protest
  83.                 // Auswahl "geteilt"
  84.                 if (numInput2 == 0) {
  85.                     // Meldung, falls Division durch 0 vorliegt
  86.                     document.getElementById("fehlermeldung").innerHTML = "Division durch 0 ist nicht möglich. Geben Sie bitte einen anderen Wert als zweite Zahl an.";
  87.                     // Ausgabefeld leeren
  88.                     document.getElementById("txtOutput").value = "";
  89.                     }
  90.                 else {
  91.                     // Zahlen werden dividiert und Ergebnis ausgegeben
  92.                     document.getElementById("txtOutput").value = numInput1 / numInput2;
  93.                     // Eventuelle Fehlermeldung löschen
  94.                     document.getElementById("fehlermeldung").innerHTML = "";
  95.                     }
  96.                 break;
  97.             default:
  98.                 // Defaultmeldung, falls etwas nicht klappt
  99.                 document.getElementById("fehlermeldung").innerHTML = "Ihnen muss ein Fehler unterlaufen sein. Versuchen Sie es erneut, eventuell mit anderen Eingaben";
  100.                 // Ausgabefeld leeren
  101.                 document.getElementById("txtOutput").value = "";
  102.                 break;
  103.             }
  104.         }
  105. </script>
  106. <!-- Stylesheet -->
  107. <style type="text/css">
  108.     .i {
  109.         font-style: italic;
  110.         }
  111.  
  112.     #fehlermeldung {
  113.         color: #ff0000;
  114.         font-weight: bold;
  115.         }
  116. </style>
  117. </head>
  118. <body>
  119. <h1>
  120.     Der unglaubliche, billige Taschenrechner!
  121. </h1>
  122. <p>
  123.     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.
  124. </p>
  125. <!-- Eingabefelder -->
  126.     <input id="txtInput1" type="text" value="Erste Zahl" />
  127.     <input id="txtInput2" type="text" value="Zweite Zahl" />
  128. <!-- Auswahl -->
  129. <p>
  130.     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: + - * /
  131. </p>
  132.     <input id="txtAuswahl" type="text" value="Rechenoperation" />
  133. <br />
  134. <br />
  135. <br />
  136. <!-- Button -->
  137.     <input id="btnStart" type="button" value="Berechnen" onClick="fRechnen()" />
  138. <!-- Ausgabe -->
  139. <p>
  140.     Ergebnis: <input id="txtOutput" type="text" value="" />
  141.     <br />
  142.     <span id="fehlermeldung"></span>
  143. </p>
  144. <!-- NOTIZ DES AUTORS
  145.     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.
  146. -->
  147. </body>
  148. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!