jQuery von Kopf bis Fuß (German Edition)

funktioniert.
    Von: Emily
    Betreff: „Freudensprünge“ -Werbeaktion
    Hallo,
    In einem Tweet schreibst Du, dass Du jetzt mehr interaktive Webprojekte machst. Vielleicht kannst Du mir auch bei ein paar interaktiven Sachen für meine „Freudensprünge“ -Werbeaktion auf meiner Website helfen. Die Besucher sollen vor dem Bezahlen die Möglichkeit bekommen, einen Rabatt zu erhalten, damit sie sich mehr auf der Website umsehen (und hoffentlich auch mehr kaufen).
    Die Seite sollte aus vier Abschnitten bestehen, die jeweils ein Bild enthalten. Es soll eine Nachricht angezeigt werden, die lautet: »Ihr Rabatt beträgt (einen zufälligen Wert zwischen 5 und 10 Prozent)«. Wenn ein Benutzer auf die Abschnitte klickt, soll die Nachricht darunter angezeigt werden. Klickt der Benutzer noch einmal, soll die alte Nachricht verschwinden und eine neue angezeigt werden.
    Ich habe Dir einen Entwurf angehängt, damit Du weißt, wie das Ganze aussehen soll.
    Kannst Du mir helfen?
    Emily

Was sind die Projektanforderungen?
    Emily ist eine tolle Fotografin, aber ihre Anfrage ist noch ziemlich konfus. Wir wollen uns die E-Mail einmal genauer ansehen, um herauszubekommen, was sie eigentlich genau will. Bevor Sie überhaupt daran denken, jQuery-Code zu schreiben, müssen Sie sich absolut klar darüber sein, was die Projekt- bzw. Kundenanforderungen sind.
    Spitzen Sie Ihren Bleistift
    Nehmen Sie die Anforderungen aus der E-Mail und machen Sie daraus eine Liste der Dinge, die Ihre Webapplikation können soll. Diese Liste soll Ihnen dabei helfen, die Kundenanforderungen zu erfüllen.
    Aufgabenliste:
    1.
    2.
    3.
    4.
    5.
    Das Umwandeln der Kundenanforderungen in Projektanforderungen ist eine wichtige Fähigkeit, die mit Übung und Zeit immer besser wird.

    Spitzen Sie Ihren Bleistift: Lösung
    Nehmen Sie die Anforderungen aus der E-Mail und machen Sie daraus eine Liste der Dinge, die Ihre Webapplikation können soll. Diese Liste soll Ihnen dabei helfen, die Kundenanforderungen zu erfüllen.
    Aufgabenliste:
    Die Seite soll aus vier Abschnitten bestehen. Jeder Abschnitt enthält eines von vier „Freudensprünge“ -Bildern.
Die Abschnitte sollen anklickbar sein.
Wir brauchen eine Nachricht, die lautet: »Ihr Rabatt beträgt«, gefolgt von einem zufälligen Rabatt (zwischen fünf und zehn Prozent).
Wenn ein Besucher auf einen dieser Abschnitte klickt, soll die Nachricht unter dem Foto dieses Abschnitts erscheinen.
Wenn der Benutzer noch einmal klickt, soll die letzte Nachricht verschwinden und eine neue Meldung angezeigt werden.

    Immer ruhig Blut. Nichts überstürzen.
    Es ist immer eine gute Idee, die Anforderungen für ein jQuery-Projekt genau zu kennen. Aber bevor uns in die Arbeit stürzen, wollen wir zuerst einmal die Struktur und Stile der Seite vorbereiten. Einige dieser Dinge kennen Sie vielleicht noch aus Kapitel 1 . Bei dieser Aufgabe gibt es sogar noch mehr zu tun, bevor Sie mit dem Schreiben von jQuery anfangen können.

div-ertimento
    Zu Beginn wollen wir die vier anklickbaren Bereiche der Seite erstellen. Am besten benutzen wir dafür