Tabelle durch Script
    
home
ScriptCode ZURÜCK SITEMAP  

 Trigonometrische Tabelle

Ein schönes Beispiel für die Erstellung einer Tabelle durch HTML kombiniert mit JavaScript.

Bsp. 1: Tabellennotierung durch einen Mix aus HTML-Code und Script.
Bsp. 2: Tabellennotierung durch JavaScript.

2 JavaScript-Anweisungen übernehmen nicht nur die Berechnung der Werte sondern schreiben auch den HTML-Code für die Tabellenzeilen / -zellen in das HTML-Dokument.


   1) Mix aus HTML und JavaScript schreibt Tabelle

Hier ein Auszug für das Sinus-Sript:

Wie sie erkennen werden die HTML-Tags für Tabellenzeilen und -zellen und die errechneten trigonometrischen Werte durch das JavaScript geschrieben. 



<table width="240" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">SIN</td></tr>

<script type="text/javascript">
<!--
for(i = 1; i < 361; i++) {
document.write("<tr><td>"+i+"°</td>");
document.write("<td>"+Math.sin(i)+"</td></tr>");
}
//-->
</script>

</table>
Der Beginn der Tabelle und die erste Zeile wird mit HTML-Befehlen notiert.

Dann schreibt JavaScript die vorgegebene Anzahl von Zeilen (360).
Jede Zeile besteht aus 2 Tabellenzellen.

Das schließende Table-Tag ist wieder mittels HTML-Befehl notiert.


   2) JavaScript schreibt Gesamttabelle

Die 'Schreibarbeit' für die gesamte Tabelle könnte man natürlich auch vom Script erledigen lassen. Das Beispiel oben sollte aber den Mix demontrieren. Sonst sähe das so aus: 

<script type="text/javascript">
<!--
document.write("<table width='240' border='1'>");
document.write("<tr>");
document.write("<td colspan='2'>SIN</td></tr>");


for(i = 1; i < 361; i++) {
document.write("<tr><td>"+i+"°</td>");
document.write("<td>"+Math.sin(i)+"</td></tr>");
}

document.write("</table>");
//-->
</script>



   Das Ergebnis

SIN
COS

NACH OBEN