סיכום שיעור
מצגת על אובייקטים
http://gamani.info/prog/JS/lesson9/objects_slideshow.zip
קבצי הדגמה של אובייקטים
http://gamani.info/prog/JS/lesson9/objects_sampels.zip
מצגת השיעור
http://gamani.info/prog/JS/lesson9/lesson2_slideshow.zip
קישור לדוגמא שממחישה את ההבדל בין val ל text ל html (עוד נדון בזה קצת בהמשך)
https://codepen.io/itsthomas/pen/WvegvM
קבצי הדגמה CSS
http://gamani.info/prog/JS/lesson9/css_sampels.zip
תרגיל כיתה פונטים
http://gamani.info/prog/JS/lesson9/ex7-fonts-ex.zip
פתרון תרגיל כיתה פונטים
http://gamani.info/prog/JS/lesson9/ex7-fonts-sol.zip
שיעורי בית
- אובייקטים
- jQuery – ארועי מקלדת
אובייקטים
כתוב תוכנית שמקבלת מהגולש:
מספר אנשים במשפחה
לכל בן משפחה היא מקבלת (לולאה)
- שם
- גובה
- משקל
- גיל (לא חובה)
בסיום היא מדפיסה למסך את ה bmi של כל בני המשפחה
יש לממש זאת באמצעות אובייקט
לאובייקט תהיה מתודה לחישוב BMI
jQuery – ארועי מקלדת – פורום
הורידו את הקבצים מפה
http://gamani.info/prog/JS/lesson9/ex6-forum-ex.zip
מעבר על התפריט יגרום להצגתו
יציאת העכבר ממנו תגרום להעלמותו
מעבר על כפתור (+1) יגרום לשינוי צבע (על ידי הוספת class) btn-hover
יציאה ממנו תחזיר לצבע המקורי (על ידי הסרת ה class)
יש להשתמש ב chaining
keyup
שחרור המקלדת על אלמנט .postText (אחרי הקלדת משהו) יפעיל פונקציה (כרגיל)
הפוקנציה תקח את ה val של האובייקט .postText
ה val () מחזיר את הערך (זה שדה בטופס)
נקרא לlength על מה שקיבלנו ב val (מחרוזות)
נחשב כמה תוים נשאר להקליד (בהנחה שאנחנו רוצים מגבלה של 140)
אם פחות ה 0 אז נגרום לשינוי הספירה להיות באדום
הוספת class בשם red ל אלמנט שיש לו את ה class בשם .wordcount
אחרת נוריד את ה class בשם red מ אלמנט שיש לו את ה class בשם .wordcount
בכל מקרה נשים את הערך של כמה שנשאר ב .characters באמצעות html (מקביל ל innerHTML ב JS)
