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>.

Letzte Änderung: