|
Der
HTML-Code der Seite mit dem Formular name="myform" und dem
JavaScript im HEAD mit den Funktionen "quadrat()" und
"loeschen()":
|
<HTML>
<HEAD>
<TITLE>Beispiel
21: Textarea</TITLE>
<script
language="JavaScript">
function quadrat()
{
for (var i=1;
i<=20; i++)
document.myform.area.value=document.myform.area.value+i
+" zum Quadrat ist "+i*i+"\n";}
function
loeschen(){
document.myform.area.value="";}
</script>
</HEAD>
<BODY
BGCOLOR="#FFFFFF">
<Form
name=myform>
<CENTER><INPUT
TYPE=button NAME=knopf VALUE="Quadratzahlen"
onclick="quadrat()">
<P><TEXTAREA
NAME=area ROWS=22 COLS=30
WRAP=virtual></TEXTAREA>
<P><INPUT
TYPE=button NAME=Absenden VALUE="loeschen"
onclick="loeschen();"></CENTER>
</FORM>
</BODY>
</HTML>
|
Die
Ausgabe der Wertetabelle erfolgt in einem Formularelement
"Textarea" mit 22 Zeilen (ROWS) und 30 Spalten (COLums). Das
Zeichen "\"erzeugt einen Zeilenvorschub.
Es
ist in JavaScript nicht möglich, den Text einer
bestehenden Seite zu ändern. Er kann nur auf eine neue
Seite geschrieben werden. Der Button hat den Handler
onclick="schreibe()"
|
function
schreibe(){
for (var i=1; i<=10;
i++)
document.write(i+ " zum
Quadrat ist " + i*i
+"<"+"P"+">");
}
|
Die
Textausgabe erfolgt mit "document.write()" und der
Zeilenvorschub durch das Tag <P>.
|
