API tools faq
paste
Advertisement
RandomGuy32

Taschenrechner v1.1

RandomGuy32
Feb 5th, 2014
310
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 3.88 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>
  4.     Test: Billiger Taschenrechner v1.1
  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": case "+":
  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 "minus": case "-":
  25.                 // Auswahl "minus"
  26.                 // Zahlen werden subtrahiert und Ergebnis ausgegeben
  27.                 document.getElementById("txtOutput").value = numInput1 - numInput2;
  28.                 // Eventuelle Fehlermeldung löschen
  29.                 document.getElementById("fehlermeldung").innerHTML = "";
  30.                 break;
  31.             case "mal": case "*":
  32.                 // Auswahl "mal"
  33.                 // Zahlen werden multipliziert und Ergebnis ausgegeben
  34.                 document.getElementById("txtOutput").value = numInput1 * numInput2;
  35.                 // Eventuelle Fehlermeldung löschen
  36.                 document.getElementById("fehlermeldung").innerHTML = "";
  37.                 break;
  38.             case "geteilt": case "/":
  39.                 // Auswahl "geteilt"
  40.                 if (numInput2 == 0) {
  41.                     // Meldung, falls Division durch 0 vorliegt
  42.                     document.getElementById("fehlermeldung").innerHTML = "Division durch 0 ist nicht möglich. Geben Sie bitte einen anderen Wert als zweite Zahl an.";
  43.                     // Ausgabefeld leeren
  44.                     document.getElementById("txtOutput").value = "";
  45.                     }
  46.                 else {
  47.                     // Zahlen werden dividiert und Ergebnis ausgegeben
  48.                     document.getElementById("txtOutput").value = numInput1 / numInput2;
  49.                     // Eventuelle Fehlermeldung löschen
  50.                     document.getElementById("fehlermeldung").innerHTML = "";
  51.                     }
  52.                 break;
  53.             default:
  54.                 // Defaultmeldung, falls etwas nicht klappt
  55.                 document.getElementById("fehlermeldung").innerHTML = "Ihnen muss ein Fehler unterlaufen sein. Versuchen Sie es erneut, eventuell mit anderen Eingaben";
  56.                 // Ausgabefeld leeren
  57.                 document.getElementById("txtOutput").value = "";
  58.                 break;
  59.             }
  60.         }
  61. </script>
  62. <!-- Stylesheet -->
  63. <style type="text/css">
  64.     .i {
  65.         font-style: italic;
  66.         }
  67.  
  68.     #fehlermeldung {
  69.         color: #ff0000;
  70.         font-weight: bold;
  71.         }
  72. </style>
  73. </head>
  74. <body>
  75. <h1>
  76.     Der unglaubliche, billige Taschenrechner! (Version 1.1)
  77. </h1>
  78. <p>
  79.     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.
  80. </p>
  81. <!-- Eingabefelder -->
  82.     <input id="txtInput1" type="text" value="Erste Zahl" />
  83.     <input id="txtInput2" type="text" value="Zweite Zahl" />
  84. <!-- Auswahl -->
  85. <p>
  86.     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: + - * /
  87. </p>
  88.     <input id="txtAuswahl" type="text" value="Rechenoperation" />
  89. <br />
  90. <br />
  91. <br />
  92. <!-- Button -->
  93.     <input id="btnStart" type="button" value="Berechnen" onClick="fRechnen()" />
  94. <!-- Ausgabe -->
  95. <p>
  96.     Ergebnis: <input id="txtOutput" type="text" value="" />
  97.     <br />
  98.     <span id="fehlermeldung"></span>
  99. </p>
  100. <!-- NOTIZ DES AUTORS
  101.     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.
  102. -->
  103. </body>
  104. </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!