קורס JS בני ברק – שיעור 11 – יצירת אלמנטים חדשים

 סיכום שיעור

קבצי הדגמה לשימוש בפונקציות 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 קבצים:

  1. HTML (מבוסס בוטסטראפ)
  2. קובץ CSS שאין בו כמעט כלום (לא צריך להיות בו כלום)
  3. קובץ JS שאין בו כלום

 

עליכן לטפל אך ורק בקובץ ה JS

 

שלב 1

בלחיצה על כפתור ההוספה עליכן להוסיף לטבלה שורה חדשה

שלב 2

בלחיצה על כפתור המחיקה עליכן למחוק את כל השורה של הכפתור הנלחץ (השתמשו בפונקציית ניווט כלשהי)

 

שלב 3

בשינוי סכום עדכנו את הסכום בתיבת ה"כולל מעמ" הרלוונטית

 

שלב 4

כתבו פונקציה שמחשבת את הסכום הכולל וקראו לה לאחר שינוי סכום או מחיקת שורה

הפונקציה מטרגטת את כל השדות הכוללים מעמ ועוברת על עליהם (באמצעות לולאת each)

 

הערה:

נתקלנו בלולאת each כאשר למדנו אובייקטים

כשמדובר באובייקט לולאת each  עוברת על הזוגות של ה propery-value של האובייקט

כשמדובר במערך הפונקציה עוברת על איברי המערך

כשמדובר באוסף אלמנטים הפונקציה עוברת על האלמנטים

 

פתרון שיעורי הבית

http://www.gamani.info/prog/js-jquery-nice-things/Invoices/calculator.html

 

חזרה לעמוד הקורס

אשרה גרינבלט

אשרה גרינבלט היא המייסדת ומנהלת של המותג GreenCode. אשרה עוסקת בהקמת אתרים מאז שנת 2009. בין לבין היא גם התמודדה עם מחלת הסרטן ואף כתבה על זה בלוג, כתבה ספר פרוזה בשם "לגדול על מים" ופיתחה לעצמה תחביב של פיסול בחוטי ברזל. המשותף לכל תחומי העשיה המגוונים האלו הוא שכולם נעשים בתשוקה גדולה.