Gk Informatik Arbeitsblatt 1 Gr

Transkript

1 Gk Informatik Arbeitsblatt 1 Gr Hinweis: Unter finden Sie eine umfangreiche HTML-Hilfe, die Sie zur Information, zur Ergänzung usw. nutzen sollen. Informieren Sie sich hier zu allen Aufgaben über weitere Gestaltungsmöglichkeiten! Aufgabe 1: Erstellen Sie die folgenden HTML-Seiten mit Hilfe des Editors! a) Übung zur Textgestaltung (Farben nach Wahl, mindestens 4 Farben) Den Text finden Sie unter Material/050209/Text.html! b) Übung zur Tabellengestaltung, Farben und Inhalte nach Wahl! c) Übung zum Einfügen eines Bildes und eines Links Verlinken Sie dieses Bild mit Sie finden das Bild im Ordner Material/050209/bilder

2 Gk Informatik Arbeitsblatt 2 Gr Aufgabe 2: Erstellen Sie die folgenden HTML-Seiten mit Hilfe des Editors! a) Übung zur Erstellung eines Formulars Erstes Script: So soll der Bildschirm aussehen Das ist der Quelltext: b) Erstellen Sie ein zweites Dokument waehrung2.htm. (waehrung1.htm unter neuem Namen speichern) Fügen Sie nun einen zweiten Button ein mit der Beschriftung: "Rechne zurück". Schreiben Sie dazu auch eine zweite Funktion "DollarUmrechnung()", die den Dollarbetrag in Euro umrechnet. c) Erstellen Sie ein drittes Dokument waehrung3.htm. (waehrung1.htm unter neuem Namen speichern) Fügen Sie ein zweites Ausgabefeld in den HTML - Text ein: "Engl. Pfund". Ergänzen Sie die Funktion, so dass auch der entsprechende Pfundbetrag angezeigt wird. (Kurs zur Zeit: 1 Euro = 0,6870 engl. Pfund) d) Erstellen Sie ein viertes Dokument waehrung4.htm. (waehrung1.htm unter neuem Namen speichern) Fügen Sie ein weiteres Eingabefeld mit dem Namen kurs in den HTML - Text ein, in dem Sie den aktuellen Umrechnungskurs eingeben können.

3 Gk Informatik Arbeitsblatt 3 Gr Informationen und weitere Aufgaben Wie schon im Beispiel mit dem Dollar - Umrechner kann man Programmieraufgaben oft in drei Schritten lösen: E V A Eingabe : Die Daten des Benutzers werden aus dem Formular abgeholt und Variablen zugewiesen. Verarbeitung : In einem oder mehreren Schritten werden die erforderlichen Berechnungen ausgeführt. Ausgabe : Die Ergebnisse werden die vorgesehenen Felder des Formulars geschrieben. Aufgabe 3 Temperaturen werden in den Einheiten Celsius (bei uns), Fahrenheit (in den USA) und Kelvin (in der Physik) angegeben. Entwirf ein html - Formular (evtl. durch Abwandlung des Euro - Rechners) und schreibe die Umrechnungsfunktionen. Aufgabe 4 Die Erbengemeinschaft Hintermaier will die Felder aus dem Familienerbe verkaufen. Nach Eingabe von Länge, Breite und Quadratmeterpreis soll ein Verkaufspreis berechnet werden. Zur Syntax von JavaScript Namen von Variablen und Methoden beginnen mit Buchstaben (außer Umlaut oder ß!!) oder Unterstrich. Die weiteren Zeichen können außerdem noch Ziffern sein. Sie müssen Groß- und Kleinschreibung beachten. (Mit Zahl und zahl werden zwei verschiedene Variable bezeichnet!). Die Schreibweise bereits existierender Objekte und Methoden ist von JavaScript vorgegeben. Zur Eingrenzung von Befehlsblöcken werden geschweifte Klammern { } verwendet. Zeichenketten (Text) müssen Sie in Anführungszeichen setzten (so " " oder so ' '). Kommentarzeilen beginnen mit einem doppelten Schrägstrich //. Statt jede einzelne Kommentarzeile so zu beginnen, können Sie mehrzeilige Kommentare auch mit /* beginnen und mit */ beenden. Eine Befehlszeile müssen Sie mit einem Semikolon (;) beenden, wenn Sie direkt dahinter (also auf gleicher Höhe) eine weitere Befehlszeile anhängen wollen. Schreiben Sie Befehlszeilen untereinander können Sie auf das Semikolon verzichten (müssen Sie aber nicht! Es ist sogar eher üblich, das Semikolon zu setzen). Variable Variablen sind in Javascript nicht typisiert. Sie können also jeden beliebigen Wert aufnehmen. Der Datentyp wird durch die erste Wertzuweisung festgelegt. Diese können Sie aber schon bei der Variablendeklaration vornehmen, falls Sie die Variable direkt initialisieren wollen. (z. B.: var n=1.6;) Variablen können Zahlen, Boolesche Werte (true, false), strings (Texte in Anführungszeichen z.b. "ein Text") oder null (Schlüsselwort für einen Nullwert) enthalten. Hexadezimale Zahlenwerte müssen mit 0x beginnen, z.b.: 0x3f. Kommazahlen können folgende Formate haben: oder-3.1e2 oder 2E-12. Aufgabe 5 Die gewerblichen Mitarbeiter der Krups - Moulinex - GmbH sollen ihren Wochenlohn selbst ausrechnen können. Dazu wird in der Umkleide ein Computer aufgestellt mit einem Programm, das nach Eingabe der Anzahl der Arbeitsstunden, Anzahl der Überstunden und des Stundenlohns die erforderliche Berechnung ausführt. (Für Überstunden wird ein Zuschlag von 20% auf den Stundenlohn gewährt.) Aufgabe 6 Alexandra hat sich einen kleinen quaderförmigen Schrank gebaut. Er ist 80 cm breit, 60 cm hoch und 40 cm tief. Sie möchte den Schrank schwarz lackieren. Um die richtige Menge an Farbe zu kaufen, will Alexandra die zu streichende Fläche berechnen (ohne Rückseite und Unterseite). Schreibe dazu ein Programm.

4 Gk Informatik Arbeitsblatt 4 Gr Die einseitige Verzweigung Im täglichen Leben ist die Ausführung einer Tätigkeit oft davon abhängig, ob eine gewisse Bedingung erfüllt ist oder nicht. Beispiel: Angebot für Power - Surfer: Internet für 1 ct. pro Minute ohne Grundgebühr bei mindestens 20 Stunden. im Monat. Aufgabe 7: Berechnen Sie die monatlichen Online-Kosten mit Hilfe eines Formulars: So soll der Bildschirm aussehen: Das ist der Quelltext: Syntax Operatoren Die Syntax einer einseitigen Verzweigung ist also : if (<Bedingung>) { <Anweisung(en)> } Abfrageoperatoren Gleich (a == b), kleiner (a < b), kleiner gleich (a <= b ), größer (a > b), größer gleich (a >= b), ungleich (a!= b) Logische Operatoren Um Abfragen komplexer gestalten zu können werden logische Operatoren verwendet: && bedeutet logisch und, bedeutet logisch oder,! bedeutet nicht (Umkehrung).

5 Gk Informatik Arbeitsblatt 5 Gr Die zweiseitige Verzweigung Beispiel: Ein anderer Provider berechnet die 2 ct. pro Minute ohne Mindestumsatz, jedoch nur für höchstens 50 Stunden im Monat, jede weitere Minute kostet 3 ct. Aufgabe 8: Berechnen Sie die monatlichen Online-Kosten mit Hilfe eines Formulars: So soll der Bildschirm aussehen: Das ist der Quelltext: Syntax Die Syntax einer Verzweigung ist also : if (<Bedingung>) { <Anweisung(en)> } else { <Anweisung(en)> } // Der else - Teil kann entfallen.

6 Gk Informatik Arbeitsblatt 6 Gr Aufgabe 9 Briefporto: bis 20 g 0,53 DEURO bis 50 g 1,00 EURO, bis 500 g 1,44 EURO, sonst 2,20 EURO Nach Eingabe des Gewichts soll das richtige Porto ausgegeben werden. (verschachtelte if - Bedingungen) Aufgabe 10 Teilbarkeitstest: Wir geben eine Zahl ein und eine zweite Zahl ("Teiler"). Im Ausgabefeld soll erscheinen: "Ist Teiler" oder "Kein Teiler". Hinweise: 1. (a % b berechnet in Javascript den Rest bei der ganzzahligen Division (modulo); Rest = 0, also teilbar. Beispiel 12%3 ergibt 0 13%3 ergibt 1 14%3 ergibt 2 15%3 ergibt 0 2. in Formularfelder kann man direkt Text schreiben, wie z. B. document.teilbarkeit.ausgabe.value="ist Teiler") Aufgabe 11 Quadratische Gleichungen in Normalform ( x 2 + px + q = 0 ) Wir geben die Werte für p und q an. Auf Anklicken sollen die Lösungen erscheinen oder die Auskunft "nicht lösbar". Hinweis: Javascript kennt einige mathematische Funktionen. So berechnet die Funktion Math.sqrt(a) die Quadratwurzel aus dem Wert a. Informieren Sie sich in Selfhtml über weitere mathematische Funktionen! Aufgabe 12 Cramersche Regel : Ein Gleichungssystem ax + by = c dx + ey = f ist eindeutig lösbar, wenn Det = ae - bd <> 0. Dann ist x = (ce - bf)/det und y = (af - dc) / Det Aufgabe 14 Ein einfacher Taschenrechner: Nach Eingabe von Zahl1, Operator und Zahl2 soll die dem Operator entsprechende Rechnung ausgeführt werden. Aufgabe 15 Dreiecksbedingung Bei einem Dreieck ist die Summe der Längen zweier Seiten immer größer als die Länge der dritten Seite. Nach Eingabe von a, b, c soll geprüft werden, ob diese drei (!) Bedingungen erfüllt sind und es sich um ein Dreieck handeln kann.

7 Gk Informatik Arbeitsblatt 7 Gr Zählschleifen Beispiel: Die Fakultät einer (natürlichen) Zahl ist das Produkt aller natürlichen Zahlen von 1 bis zu dieser Zahl. Z. B. 7! ( 7-Fakultät ) = Aufgabe 16 Berechnen Sie die Fakultät einer Zahl Syntax Syntax der Zählschleife in Javascript: for (Zählvariable=Anfangswert; Durchlaufbedingung; Änderung der Zählvar.) { Anweisungsblock } Die Durchlaufbedingung gibt an, wie lange weitergemacht werden soll; die Zählvariable muss so geändert werden, dass die Durchlaufbedingung irgendwann nicht mehr erfüllt ist. Beispiel Ergebnis = 1; for ( Zahl = 8; Zahl > 0; Zahl = Zahl - 2) { Ergebnis = Ergebnis * Zahl } liefert das Produkt Aufgabe 17 Die Summe aller natürlichen Zahlen in einem bestimmten Bereich soll ermittelt werden; Eingabe "von" und "bis", Ausgabe : "Summe"

8 Gk Informatik Arbeitsblatt 8 Gr Schleifen mit Ein- und Austrittsbedingung Beispiel 1: while - Schleife Der größte gemeinsame Teiler von zwei natürlichen Zahlen soll bestimmt werden (Euklidischer Algorithmus) errechnen Sie die Fakultät einer Zahl Aufgabe 18 Programmieren Sie das Beispiel! Hinweis: parseint (eingabe) ist eine Javascript-Funktion, die eingabe in eine ganze Zahl verwandelt. Beispiele: parseint( 2 ) ergibt die Zahl 2; parseint ( 3.4 ) ergibt die Zahl 3; parseint ( ) ergibt die Zahl -23; parseint ( hallo ) ergibt NaN, ( Not a Number ) Syntax Syntax der while - Schleife in Javascript: while ( Bedingung ) { Anweisungsblock } Die Bedingung gibt an, wie lange weitergemacht werden soll; die Überprüfung erfolgt vor Ausführung des Anweisungsblocks. Der Programmierer muss sicherstellen, dass die Bedingung irgendwann nicht mehr erfüllt ist. (Bei einer Endlosschleife gibt der Browser irgendwann eine Fehlermeldung.)

9 Gk Informatik Arbeitsblatt 9 Gr Beispiel 2: do - while - Schleife Wir testen, ob eine eingegebene Zahl eine Primzahl ist. Aufgabe 19 Programmieren Sie das Beispiel! Syntax Syntax der do - while - Schleife in Javascript: do { Anweisungsblock } while ( Bedingung ); Die Bedingung gibt an, wie lange weitergemacht werden soll; die Überprüfung erfolgt hier erst nach der Ausführung des Anweisungsblocks. Der Programmierer muss sicherstellen, dass die Bedingung irgendwann nicht mehr erfüllt ist. (Bei einer Endlosschleife gibt der Browser irgendwann eine Fehlermeldung.) Aufgabe 20 Zerlegung in Primfaktoren: Eine Zahl wird eingegeben (z. B. 60); Teiler hat zuerst den Wert 2. Wenn die Zahl teilbar ist, notiert man den Teiler und ersetzt die Zahl durch den Quotienten Zahl/Teiler; wenn sie nicht teilbar ist, erhöht man den Teiler um 1; das geht weiter, solange der Teiler kleiner ist als "Zahl". Aufgabe 23 In einem Teich leben 50 Forellen, doch ist Futter und Platz für 350 vorhanden. Die Forellen vermehren sich jährlich um 6 % der Differenz zwischen Höchstbestand und aktuellem Bestand. Wie entwickelt sich die Population a) ohne äußere Einwirkungen, b) wenn am Ende jedes Jahres 15 % der Forellen entnommen werden?