סיכום שיעור
קבצי הדגמה לשימוש בפונקציות css ו animate
http://gamani.info/prog/JS/lesson11/css-animate-class.zip
קבצי הדגמה הוספת אלמנטים לעמוד (טופס דינאמי)
http://gamani.info/prog/JS/lesson11/dinamic-form.zip
פתרון תרגיל הרשימות –
שימו לב איך פתרתי את הבעיה של האזנה לאלמנטים (כפתורים) חדשים שנוצרו. נדבר על זה בשיעור הקרוב.
http://gamani.info/prog/JS/lesson11/lists-sol.zip
שיעורי בית
לסיים את מערכת הרשימות
לבנות מערכת להפקת חשבוניות
קבצים להורדה:
http://gamani.info/prog/JS/lesson11/calculator-ex.zip
הוראות מפורטות לשיעורי בית
קיבלתן 3 קבצים:
- HTML (מבוסס בוטסטראפ)
- קובץ CSS שאין בו כמעט כלום (לא צריך להיות בו כלום)
- קובץ JS שאין בו כלום
עליכן לטפל אך ורק בקובץ ה JS
שלב 1
בלחיצה על כפתור ההוספה עליכן להוסיף לטבלה שורה חדשה
שלב 2
בלחיצה על כפתור המחיקה עליכן למחוק את כל השורה של הכפתור הנלחץ (השתמשו בפונקציית ניווט כלשהי)
שלב 3
בשינוי סכום עדכנו את הסכום בתיבת ה"כולל מעמ" הרלוונטית
שלב 4
כתבו פונקציה שמחשבת את הסכום הכולל וקראו לה לאחר שינוי סכום או מחיקת שורה
הפונקציה מטרגטת את כל השדות הכוללים מעמ ועוברת על עליהם (באמצעות לולאת each)
הערה:
נתקלנו בלולאת each כאשר למדנו אובייקטים
כשמדובר באובייקט לולאת each עוברת על הזוגות של ה propery-value של האובייקט
כשמדובר במערך הפונקציה עוברת על איברי המערך
כשמדובר באוסף אלמנטים הפונקציה עוברת על האלמנטים
פתרון שיעורי הבית
http://www.gamani.info/prog/js-jquery-nice-things/Invoices/calculator.html