JS ES6 – arrow Function, template-string, const – let, DOM EVENTS

שלום לכולן,

שמחתי להכיר אותכן  ולראות שאתן לומדות ברצינות.

השיעור היה שיעור עמוס מאוד, למדנו מגוון רחב של נושאים ב JAVASCRIPT – בינהם:

1. DOM EVENTS
2. DOM ELEMENTS
3. Arrow Function
4. LET-CONST-VAR
5. Template String
6. LocalStorage

כאשר בתחילת השיעור חזרנו על נושאים לבקשתכם כגון LocalStorage ועוד.

התבקשתם במהלך השיעור לפתור את התרגיל הבא:

בבית הספר "גני הצבי" יוצאים לטיול שנתי.
על פי הנחיות משרד החינוך, על כל קבוצה של 30 תלמידים דרוש מאבטח.
בנוסף, על כל 50 תלמידים צריך ערכת עזרה ראשונה.
ועל כל 100 תלמידים דרוש חובש.
לדוגמא:
לקבוצה של 10 תלמידים דרוש חובש אחד, ערכת עזרה ראשונה אחת, ומאבטח אחד.
לקבוצה של 101 תלמידים כבר נצטרך 2 חובשים, 3 ערכות עזרה ראשונה, ו 4 מאבטחים.

וגם פתרנו אותו ביחד בהמשך השיעור.

 

שיעורי בית ותרגילים לתרגול:

אני רושם לכם כאן המון תרגילים ברמות שונות, מכיוון שאני עדיין לא מכיר את כולכן ואת הרמה שלכם. וגם מכיוון שבתקופה הקרובה כנראה שיש יותר זמן בעקבות המצב.

1.  ריבית.
   כתוב תוכנית המקבלת מחיר של רכב ( לפני ההנחה) ומספר תשלומים רצוי .
   ומדפיסה את מחיר הרכב ( אחרי ההנחה ) + הסכום שיהיה עבור כל תשלום.
   נניח אם המחיר של הרכב הוא 1000 ש"ח
   אני אקבל מחיר של 950 (אחרי 5 אחוז הנחה)
   ואם בחרתי ב 19 תשלומים אז אני אקבל 50 ש"ח כל תשלום
2. חישוב רווח מהפעלת הרכבת
   עזרו לשר התחבורה החדש לחשב את הרווח של הרכבת.
   ע"פ הנתונים , ידוע שבשעות הבוקר הרכבות בתפוסה של 100% . בשעות הצהרים הרכבות בתפוסה של 90% ובשעות הערב הרכבות בתפוסה של 70% .
   בנוסף, ידוע שכל קרון יכול להכיל עד 120 נוסעים.
   ועלות לנוסע היא 6.60 ש"ח.
   הקלט בתוכנית יהיה : מספר קרונות הרכבת, שעה ביממה/בחירה (בוקר צהרים או ערב) , משכורת עבור נהג להפעלת הרכבת.
   ב. הפלט יהיה , רווח נטו מהפעלת קו הרכבת (בהתאם לכמות הנוסעים לפי שעות היממה ) בניכוי 17% מע"מ.
3. מונית שירות
   נהג מונית שירות מירושלים לתל אביב יוצא לדרך רק אם כל המונית מלאה (12 אנשים)
   כתוב תוכנית הקולטת מספר אנשים הממתינים בתחנה, ומדפיסה האם המונית יכולה לצאת לדרך, ואם היא יוצאת, אז ירשם גם כמה אנשים ישארו בתחנה אחרי שהמונית יצאה.:

4. מספר שלם
   כתבו תוכנית הקולטת מהשתמש מספר שלם.
   אם הקלט הוא יהיה מספר לא שלם, המשתמש יקבל הודעה "אנא הזן מספר שלם".
   הפלט של התוכנית יהיה האם המספר הוא זוגי או לא + המספר שהתקבל מהמשתמש.
   למשל :
   עבור הקלט : 4
   הפלט יהיה : המספר 4 הוא מספר זוגי
5. הגרלת מספר
   כתבו תוכנית המגרילה מספר בין 1 ל 100.
   אם המספר שיצא מתחלק ב 3 ללא שארית – הדפיסו BOOM . אם הוא מתחלק גם ב 3 וגם ב 33 , הדפיסו BOOM BOOM , אחרת הדפיסו TRY AGAIN
6. הודעות בהתאם לתאריך 
   כתוב תוכנית המקבלת מספר המייצג יום בחודש.
   אם התאריך הוא 1 לחודש : הפלט יהיה good month
   אם התאריך הוא בין 2-10 לחודש הפלט יהיה  : Working..
   אם התאריך הוא 10 לחודש אני אדפיס : SALARY DAY
   אם התאריך הוא בין 11-20 לחודש  הפלט יהיה  : BE HAPPY
   אם התאריך הוא בין 20-30 לחודש הפלט יהיה:  the End
   אם התאריך הוא 31 לחודש הפלט יהיה : BOOM BOOM

7. שש-בש
   כתבו תוכנית המגרילה 2 מספרים אקראיים מ 1 עד 6 המדמים קוביות.
   אם 2 המספרים שהוגרלו  הינם זהים : הפלט יהיה lucky + המספר שיצא.
   אם 2 המספרים שהוגרלו שונים – הפלט יהיה : המספר הראשון הוא : +מספר1+ המספר השני הוא +מספר2
   לדוגמא – אם בהרצת התוכנית המספרים שהוגרלו הם – 1,3 – הפלט יהיה –
   המספר הראשון הוא 1, המספר השני הוא 3.

8. עבודה עם מערך
   כתבו פונקציה שמקבלת מערך שכל התאים בו הם string 
   ומדפיסה את המילה השלישית שנמצאת בתוך המערך.

9. עבודה עם מערך
   כתבו פונקציה המקבלת מערך של מספרים
   ומחזירה לי את הכפל של כל האיברים במערך.

 

פיתוח אפליקציה :

 

רשימת קניות!

מה יש לנו פה בעצם?

html -דף עם כותרת ו input + כפתור להוספת פריט לרשימה.

בלחיצה על הכפתור אנחנו מוסיפים פריט לרשימה עם התוכן של ה Input.

אם לוחצים על הכפתור "מחיקה" שיש למטה, בעצם אנחנו מוחקים את כל הרשימת קניות.

לגבי מחיקה של מוצר בודד מהרשימה – לא למדנו לעשות את זה עדיין אבל אתם יכולות לנסות.

 

קבצי השיעור להורדה