Array - Datenfeld

Eine Variable kann nur einen Wert speichern.
Ein Array erfasst Inhalte gleichen Typs (Zahlen oder Strings)

• Erstelle eine HTML-Seite spruch.htm
  


• Setze ein Textfeld auf die Seite.

    <textarea rows="1" cols="80"></textarea>
    

• Erstelle zwei Textbuttons und beschrifte sie mit "Spruch!" und "Schließen".

    <input type="button" value=". . ." />
    

• Schreibe ein Script, das nach dem Zufallsprinzip einen Spruch auswählt und ihn im Textfeld anzeigt.

• Du füllst ein Array mit den Sprüchen:

    Spruch = new Array();
    Spruch[0] = "Sagt der Eremit auf dem Berg zum völlig erschöpften Pilger: Aber, ich bin doch ganz einfach unter Guru@berg.com zu erreichen."
    Spruch[1] = "This is a message from God: We are rebooting the universe, please log off..."
    Spruch[2] = "Lieber ein Pinguin der läuft, als ein Fenster das hängt."
    Spruch[3] = "Es ist besser sich dumm zu stellen, als dumm zu sein. (A. Gilgin)"
    Spruch[4] = "Gestern standen wir noch am Abgrund. Heute sind wir schon einen Schritt weiter!"
    Spruch[5] = "Ein Kompromiss ist es, einen Kuchen so zu teilen, dass jeder meint, er habe das größte Stück bekommen."
    

• Ein Klick auf den Button "Spruch!" führt die Funktion SpruchZeigen() aus:

  function SpruchZeigen()
  {
     var ZufallsZahl = 5
     Auswahl = Math.ceil(Math.random() * ZufallsZahl);
  }

  

• Erstelle eine HTML-Seite diashow.htm
• Lade die Bilder herunter.
• Setze das Bild ibiza.jpg auf die Seite.
• Erstelle drei Textbuttons ...

  <input type="button" value=". . ." />
  

  ... und beschrifte sie mit "Start Diashow", "Stopp Diashow" und "Schließen".
• Schreibe ein Script, das
• mit einem Klick auf den Start-Button nach 5 Sekunden zum nächsten Bild wechselt.
• die Diashow mit dem Stopp-Button anhält.
  Klicke auf das Bild zum Herunterladen

  Die Bilder
  ibiza.jpg	callantsoog.jpg	algarve.jpg	elba.jpg	korfu.jpg

  
  

• Für die Bilder verwendest ein Array.
  
  Achte darauf, dass die Pfadangaben stimmen!
  
  

  Bild[1] =  "ibiza.jpg"
  Bild[2] =  "callantsoog.jpg"
  Bild[3] =  "algarve.jpg"
  Bild[4] =  "elba.jpg"
  Bild[5] =  "korfu.jpg"

• Der Start-Button braucht die Funktion setInterval().

  onClick="Zeit=setInterval('naechstesBild()',3000)"

• Der Stopp-Button verwendet clearInterval().

  onClick="clearInterval(Zeit)"

• Die Funktion naechstesBild() sorgt dafür, dass jeweils das nächste Bild angezeigt wird.

  function naechstesBild()
  var Ende=5;
  {
     if (i<Ende) 
     {
        i ++
        . . .
     }
     
     else 
     {
        i = 1
        . . .
     }