Pascalsches Dreieck

Das folgende Javascript von unserem Benutzer „Vollautomatisch“ generiert ein Pascalsches Dreieck.

Die Zahlen im Pascalschen Dreieck sind so angeordnet, dass jeder Knoten diese Baumes (bzw. Dreiecks) die Summe der darüber liegenden Zahlen darstellt.

Bitte beachtet, dass es bei einer großen Anzahl an Reihen manchmal recht lange dauern kann, bevor das Javascript das Dreieck vollständig berechnet hat.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- // Copyright by Vollautomatisch 2007 function dreieck(reihenzahl, bedingung, bgcolor) { /* ############# Dieser Teil fertigt das Array mit den Ziffern an ############# */ var zahlen = new Array(0, 1, 1, 1); var spaltennummer = 4; for (var reihe = 3; reihe <= reihenzahl; reihe++) { for (var zelle = 1; zelle <= reihe; zelle++) { if (zelle == 1 || zelle == reihe) { zahlen[spaltennummer] = 1; } else { zahlen[spaltennummer] = parseFloat(zahlen[spaltennummer-reihe]) + parseFloat(zahlen[spaltennummer-reihe+1]); } spaltennummer++; } } /* ############# Ende dieses Abschnittes ############# */ /* ############# Dieser Teil gibt das Dreieck aus ############# */ document.write('<style type="text/css">'); document.write('body { text-align: center; }'); document.write('td { width: 25px; height: 25px; text-align: center; vertical-align: center; font-size: 10px; }'); document.write('input, button { width: 150px; border: 1px solid #000000; text-align: center; }'); document.write('</style>'); document.write('<h1>Pascalsches Dreieck</h1>'); document.write('<form name="form">'); document.write('<fieldset style="width: 50%; padding: 10px; text-align: left;">'); document.write('<legend>Einstellungen</legend>'); document.write('<input type="text" name="reihenzahl" value="17" disabled />  Zahl der Reihen'); document.write('<br />'); document.write('<input type="text" name="bedingung" value="5" disabled />  Faktor, durch den geteilt wird'); document.write('<br />'); document.write('<input type="text" name="bgcolor" value="lime" disabled />  Hintergrundfarbe betroffener Zellen'); document.write('<br />'); document.write('<br />'); document.write('<button onClick="javascript:history.back()">Zurück</button>'); document.write('</fieldset>'); document.write('</form>'); var spaltennummer = 1; for (var reihe = 1; reihe <= reihenzahl; reihe++) { for (var zelle = 1; zelle <= reihe; zelle++) { var zellinhalt = zahlen[spaltennummer]; if (zellinhalt %bedingung == 0) { document.write('<span style="width: 35px; height: 1em; border: 1px solid #000000; margin: 3px; background-color: '+bgcolor+';">'+zellinhalt+'</span>'); } if (zellinhalt %bedingung != 0) { document.write('<span style="width: 35px; height: 1em; border: 1px solid #000000; margin: 3px;">'+zellinhalt+'</span>'); } spaltennummer++; } document.write('<br />'); } } /* ############# Ende dieses Abschnittes ############# */ //--> </script> <h1>Pascalsches Dreieck</h1> <fieldset style="width: 50%; padding: 10px; text-align: left;"> <legend>Einstellungen</legend> <input type="text" name="reihenzahl" id="reihenzahl" value="17" />  Zahl der Reihen <br /> <input type="text" name="bedingung" id="bedingung" value="5" />  Faktor, durch den geteilt wird <br /> <input type="text" name="bgcolor" id="bgcolor" value="lime" />  Hintergrundfarbe betroffener Zellen <br /> <br /> <button onclick="dreieck(document.getElementById('reihenzahl').value, document.getElementById('bedingung').value, document.getElementById('bgcolor').value)">Dreieck generieren</button> </fieldset> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/mathematik/pascalsches-dreieck/" target="_blank">kostenlose-javascripts.de</a> <br /> <!-- präsentiert von kostenlose-javascripts.de -->