מכירים jQuery? יודעים לכתוב jQuery Plugin? אז קחו חידה קטנה לראות שלא שכחתם את הבסיס אחרי כל האנגולר של השנים האחרונות.

1. קוד הפלאגין

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

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

2. מה עושים עם זה

חידה כזו יכולה לעזור לשבור את הקרח בראיון עבודה כשרוצים לדבר על איך jQuery עובד ומהו ה jQuery Object, והאם זה טוב להחזיק ביד אוביקט אחד שמתיחס למספר אלמנטים ב DOM. אחרי זה אפשר להרחיב ולדבר על יתרונות וחסרונות בין jQuery Plugins לארכיטקטורות פקדים מודרניות יותר.

פתרונות? כיוון אחד יהיה להוסיף each כדי לשים את קוד הטיפול באירוע לכל אלמנט בנפרד. כיוון שני יהיה להוסיף התיחסות לכפתור שיצר את הלחיצה בפונקצית הטיפול באירוע כך שהפונקציה תדע לשנות רק את המונה המתאים. את הקוד לשני הפתרונות כתבתי בקישור כאן: http://codepen.io/ynonp/pen/NbExPW

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