Skriptsprachen

Erstes Übungsblatt, 23.04.2009

Aufgabe 1, Thema: HTML-Formulare

PaderPizza

Die Firma PaderPizza möchte einen pünktlichen Pizza-Service mit Online-Bestellmöglichkeit anbieten. Die Kunden sollen, z.B. am Nachmittag, auf der Web-Seite von PaderPizza ihre Pizza-Bestellung mit gewünschter Lieferzeit aufgeben und bekommen die Pizza dann pünktlich am Abend nach Hause geliefert.

Zentraler Bestandteil des Webauftritts von PaderPizza ist das Formular zur Eingabe der Pizzabestellung. Entwerfen Sie ein solches Formular in HTML. Dabei ist Übersichtlichkeit und Verständlichkeit des Formulars für uns natürlich wichtiger als die Auflistung von Dutzenden von Pizzasorten.

Jede Pizza ist in drei Größen lieferbar: piccolo, medium und gigante.

Aufgabe 2, Anzeige von Formulardaten

Ergänzen Sie die Pader-Pizza-Seite um ein Skript, das die eingegeben Formulardaten in ein Alert-Fenster ausgibt. Hier ist das Beispiel aus der Vorlesung für die Erzeugung von Alert-Ausgaben aus Formulardaten:
   <html>
   <head>
   <title>Test</title>
   <script type="text/javascript">
   <!--
   function Quadrat() {
      var value = document.Formular.Eingabe.value;
      alert("Das Quadrat von " + value + " = " + value * value);
   }
   //-->
   </script>
   </head>
   <body>
   <form name="Formular" action="">
   <input type="text" name="Eingabe" size="3">
   <input type="submit" value="Quadrat berechnen" onclick="Quadrat()">
   </form>
   </body>
   </html>