Das folgende Javascript zur Veranschaulichung des Dreisatzes wurde von unserem User rapelmshorn eingeschickt.

Mit dieser propotionalen Zuordnung könnt ihr ausrechnen, wenn z. B. 10 Flaschen 23 € kosten, wieviel dann 12 Flaschen kosten.

Dieses Beispiel ist schon mal vorausgefüllt. Wenn ihr auf "Berechnen" klickt bekommt ihr sofort die Antwort.

Das Javascript ist auf die Preisberechnung ausgelegt, d. h. ihr bekommt im Ergebnis immer zwei Nachkommastellen (notfalls gerundet) und ihr könnt beim Preis auch Nachkommastellen angeben.

Wir haben übrigens auch ein Javascript für den ungeraden Dreisatz im Archiv ;)

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- //Script by Potterfans //www.potterfans.npage.de function rechn() { var anzahlAlt = document.getElementById('dreisatzformAnzahl').value; var anzahlNeu = document.getElementById('dreisatzformAnzah').value; var Preis = document.getElementById('dreisatzformPreis').value; Preis = Preis.replace(/,/, '.'); ergebniss = anzahlNeu * Preis / anzahlAlt; ergebniss = ergebniss.toFixed(2); document.getElementById('dreisatzOutput').innerHTML = ergebniss + ' €'; } //--> </script> <table border="0" cellspacing="3" cellpadding="0"> <tr> <td>Anzahl</td> <td><input name="dreisatzformAnzahl" type="text" id="dreisatzformAnzahl" size="6" value="10" /> Stück</td> <td>   </td> <td><input name="dreisatzformAnzah" type="text" id="dreisatzformAnzah" size="6" value="12" /></td> <td>neue Anzahl</td> </tr> <tr> <td colspan="5"><hr /></td> </tr> <tr> <td>Preis</td> <td><input name="dreisatzformPreis" type="text" id="dreisatzformPreis" size="6" value="23" /> €</td> <td>   </td> <td><strong><span id="dreisatzOutput"></span></strong></td> <td>neuer Preis </td> </tr> </table> <br /> <input type="button" class="button" value="Berechnen" onclick="rechn();"> <br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/internet/anbieter/alice-dsl.html" title="Alice DSL Verfügbarkeit" rel="nofollow" target="_blank">Alice DSL Verfügbarkeit</a></div> <br /> <!-- präsentiert von kostenlose-javascripts.de -->