שיעור 13- JAVASCRIPT ARRAY + FUNCTION + LOOP + DOM

שלום לכולם,

השיעור היה שיעור מאוד עמוס.

למדנו 3 דברים בסיסיים בתכנות :

1. מערכים
2. לולאת FOR
3. פונקציות.
4. גישה ל DOM

בנוסף, בנינו סוג של מחשבון ב javascript שעושה את פעולות החשבון הבסיסיות.

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

שיעורי בית:

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

1. דף התחברות:
   טוב, זה לא באמת מערכת התחברות אמיתית, אבל זה מעולה לצורך תרגול.
   צרו דף html המכיל  2 שדות קלט,  אחד עבור שם משתמש ואחד עבור סיסמה.
   שם המשתמש והסיסמה הנכונים להתחברות למערכת הם admin ו 123456
   אם אני אזין בטופס ההתחברות את שם המשתמש והסיסמה הללו, אני אקבל הודעה "התחברת בהצלחה"
   כל צירוף אחר של שמות משתמשים וסיסמאות ידפיס לי הודעה "שם משתמש ו/או סיסמה לא נכונים"
2. מערך פשוט:
   צרו מערך עם 5 שמות של תלמידים והדפיסו לקונסול את השמות.
3. מערך מספרים:
   צרו מערך עם המספרים 1-10.  מספרים, והוסיפו 3 כפתורים ב HTML.
   כפתור 1 : ידפיס את כל המספרים שהם כפולות של 3 ( 3,6,9)
   כפתור 2 : ידפיס את כל המספרים שהם כפולות של 4 (4,8)
   כפתור 3: ידפיס כל מספר זוגי.
4. טיול שנתי:
   בבית הספר "גני הצבי" יוצאים לטיול שנתי.
   על פי הנחיות משרד החינוך, על כל קבוצה של 30 תלמידים דרוש מאבטח.
   בנוסף, על כל 50 תלמידים צריך ערכת עזרה ראשונה.
   ועל כל 100 תלמידים דרוש חובש.
   לדוגמא:
   לקבוצה של 10 תלמידים דרוש חובש אחד, ערכת עזרה ראשונה אחת, ומאבטח אחד.
   לקבוצה של 101 תלמידים כבר נצטרך 2 חובשים, 3 ערכות עזרה ראשונה, ו 4 מאבטחים.
   כתוב תוכנית שבה הקלט הוא  מספר התלמידים בבית הספר ומדפיסה כמה מאבטחים וכמה ערכות עזרה ראשונה וכמה חובשים צריך.
5. חישוב זמן:
    כתבו תוכנית בה הקלט הוא מספר המייצג כמות של דקות.
   והפלט הוא כמה שעות יש באותו פרק זמן וכמה דקות.
   למשל עבור הקלט 66
   אני אקבל פלט :
   מספר שעות : 1
   מספר דקות: 6

להגשה עד 10/05

לאמיצים בלבד (תרגילים הדורשים מחקר):

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

1. הדפיסו לקונסול את לוח הכפל באמצעות javascript בלבד ! (רמז – 2 לולאות for)
2. צרו בצורה דינאמית את לוח הכפל, רק שיוצג בטבלה בדפדפן ולא בקונסול.  וצבעו את המספרים על פי הכללים הבאים:
   1. המספרים 1-10 יצבעו באפור
   2. המספר 25 יצבע בירוק
   3. המספר 100 יצבע בסגול

תמונה להמחשה:

בהצלחה!