תרגילים 15-16

תמלול ההרצאה: תרגילים 15-16

הטקסט המלא של הדקות הראשונות בהרצאה «תרגילים 15-16» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:02

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

2. 00:40

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

3. 00:56

   בואו נמשיך בינתיים לעשות את ה... נפתח בעצם את ה-HTML ונתחיל לעשות כפתורים, ואחרי שנעשה כפתורים נמשיך הלאה. אנחנו צריכים בעצם תור שנקרא reset, כפתור שפלוס ותיבת טקסט.

4. 01:20

   בעצם עושים כמו כזה מחשבון שעושה פלוס כל הזמן אז נקרא לזה task 15 ואנחנו צריכים משתנה שיהיה מחוץ לפונקציה שיהיה בתוכו הסכום למה אנחנו צריכים שיהיה משתנה עם סכום מחוץ לפונקציה ולא בפנים כי אני צריך שהסכום הזה יהיה זמין גם לפונקציה a וגם לפונקציית b שלי אם אני הייתי מכריז עליו בתוך אחת הפונקציות רק בתוך

5. 01:56

   אחת הפונקציות אז מה שקורה שרק E הייתה רואה אותו ופונקציה אחרת לא הייתה רואה אותו. זאת אומרת כל פונקציה יכולה לראות את מה שיש אצלה ואת מה שיש מעליה אבל היא לא יכולה להציץ במשתנים של השכנה שלה.

6. 02:14

   אז אם אני רוצה משהו משותף לשתי הפונקציות אני צריך להכריז עליו ברמה מעל ב-level מעל ומה מעל הפונקציות זה בעצם הדף הכללי הגלובלי. טוב בואו נתחיל מזה שאנחנו בכפתור reset מאפסים את הסכום אחרי שאיפסנו את הסכום אנחנו לוקחים את התיבת טקסט וגם את התיבת טקסט אנחנו נאפס אבל לא לשכוח שזה לא

7. 02:42

   JavaScript אלא jQuery וב jQuery לא כותבים ככה זה טעות נפוצה למי שמתחיל ב jQuery ב jQuery מעבירים הכל כפרמטרים אני רואה את זה אצל הרבה תלמידים שהם מתבלבלים וכותבים דבר כזה כי הם מתחילים אחרי JavaScript ב jQuery הם רוצים שהכל יעבור כפרמטר ואנחנו מעבירים value כפרמטר ריק, למעשה אנחנו מאפסים את המסך,

8. 03:15

   עושים ניקיון של המסך, כשלוחצים כפתור של reset מנקים תיבת טקסט ומאפסים את הסכום הנצבא. כשלוחצים כפתור של פלוס אנחנו ניקח את תיבת הטקסט לפי ה-ID, לפי המזהה שלה, הסולמית והמזהה שלה, ניקח את ה-value שלו, את הערך שלו, ונכניס את כל מה שיוזר הכניס לנו בתיבת טקסט

9. 03:39

   תוך משתנה בזיכרון שנקרא UserNav ובגלל שזה סטרינג כי זה מגיע לנו כסטרינג נהפוך את זה על ידי פונקציית parseInt את הסטרינג לאינטג'ר למספר למה אנחנו צריכים אותו כמספר? כדי לעשות לו סכום. עכשיו את הסכום הזה אנחנו צריכים לצבור לתוך את המספר הזה אנחנו צריכים לצבור לתוך משתנה של סכום

10. 04:14

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

11. 04:40

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

12. 04:57

    כאילו במקום לכתוב את זה פעמיים, זו כתיבה מקוצרת. יפה, אז task15 צובר את הסכום של userNum, יפה מאוד, בואו נראה שזה באמת עובד, איפוס עבד, 5 פלוס, למה אני לא רואה כלום על המסך?

13. 05:24

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

14. 05:35

    בואו ניקח את ה-ID של ה-results, ונכניס לתוכו את הסכום שלנו בואו נראה הנה אני רואה שזה עובד הסכום עובד יפה מאוד הסכום עובד לנו יפה reset באמת איפס לי את התיבה טקסט אבל לא מוחק את הסכום מהמסך אתם רואים בזיכרון הוא באמת מחק אותו פשוט מהמסך לא מחק אותו אז בואו נוסיף שורה שבזמן ה-reset אנחנו מאפסים את המסך זה לא עובד למה זה לא עובד כי ב-div לא כותבים val val זה ב-value

15. 06:20

    זה בתיבה טקסט בדיב כותבים או טקסט או html. זאת אומרת, נקודה אבל זה רק input elements. input elements זה כמו צ'קבוקס, טבע, טקסט, רדיו בטונס וכל מיני כאלו של המידע זה טקסט ו- html.

16. 06:35

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

17. 06:45

    בואו נמשיך, יפה מאוד. בעצם סיימנו את התרגיל הזה, יש לנו כפתור של reset, יש לנו כפתור של סכום, זה מצוין. עכשיו אנחנו עוברים לתרגיל הבא שהוא לעשות ארבע מספרים אקראיים וכפתור שמסכם אותם או שעושה סכום כפתור שעושה סכום לארבע מספרים אקראיים אנחנו נעשה גם שני כפתורים אחד שעושה new array כאילו מערך

18. 07:21

    חדש או new numbers וכפתור שעושה סכום זה שני הכפתורים שאנחנו צריכים למשימה הזאת גם פה אנחנו צריכים שהסכום יהיה זמין בשני הפונקציות בגלל שאני צריך שהסכום יהיה זמין בשתי הפונקציות אני אצטרך להכריז על משתנה שמכיל את הסכום לא בתוך הפונקציות אלא בלעשות var בחוץ להכריז עליו בחוץ זה אומר במשתנה הגלובלי בסקופ הגלובלי ששתי הפונקציות רואות אותו

19. 07:59

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