שיעור 23 – נושאים נוספים ב JAVASCRIPT + עבודה אסינכרונית

שלום לכולם,

השיעור פתרנו את התרגיל משיעורי הבית של שיעור 22 ולמדנו את הנושאים הבאים:

1. switch case
2. חזרה על hoisiting
3. settimeout
4. setInterval

ולמדנו על עבודה אסינכרונית ועבודה סינכרונית.

למדנו להשתמש ב Promise. ועשינו מספר דוגמאות.

שיעורי בית :

1. זריקת קוביות – תרגול PROMISE
   כתבו תוכנית המדמה זריקה של קוביות, לאחר 3 שניות שהקוביות מסתובבות יודפס התוצאה..
   התוכנית למעשה  מגרילה 2 מספרים אקראיים מ 1 עד 6 המדמים קוביות.
   אם 2 המספרים שהוגרלו  הינם זהים : הפלט יהיה lucky + המספר שיצא.
   אם 2 המספרים שהוגרלו שונים – הפלט יהיה : המספר הראשון הוא : +מספר1+ המספר השני הוא +מספר2
   לדוגמא – אם בהרצת התוכנית המספרים שהוגרלו הם – 1,3 – הפלט יהיה –
   המספר הראשון הוא 1, המספר השני הוא 3.
2. TIME OUT – תרגול settimeout
   כתבו דף HTML ובו כפתור – לאחר 3 שניות מהרגע שהמשתמש לחץ על הכפתור, יוצג על המסך TIME OUT!
3. פריצת הכספת :
   צרו דף html עם  תיבת טקסט מסוג number . ותמונה של כספת.המשתמש צריך לפצח את סיסמת הכספת על ידי ניחושים ב input.למשתמש יש גם 2 כפתורים, אחד "ניחוש"  ואחד  "ראה ניסיונות כושלים"

   ידוע לכם שהקוד הוא 1234 . כל פעם שאני אכניס קוד לא נכון  ואלחץ על הכפתור "ניחוש" אני אקבל שגיאה, ואשמור את התווים  במערך .

   ברגע שאני אלחץ "ראה ניסיונות כושלים" אני אקבל רשימה של כל האפשרויות שניסיתי עד כה.

   במידה והכנסתי את הקוד 1234  אני אקבל הודעה שהקוד נכון!

   שימו לב שבתיבת input אפשר יהיה אפשר להזין רק 4 תווים (לא פחות ולא יותר)

   אחרי 20 שניות, אם לא הצלחתי לפצח את הסיסמה, אני אקבל הודעה שנגמר הזמן!
   – בתרגיל זה לא חייב להשתמש ב promise

4. צרו דף HTML  שבפתיחו יהיה רשום לי loading (ברגע שנכנסנו אליו בדפדפן)אחרי 3 שניות התוכן של הדף ישתנה ל Hello World!מאחורי הקלעים יהיה לי promise עם התוכן של hello world , ואני אאזין אליו. אחרי 3 שניות הוא יחזיר לי תשובה, ואז אני אכניס את התשובה הזאת בדף ( באמצעות document.getElementById )

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