הגענו למצב שבתחילת משחק הקלפים הפוכים כלפי מטה. 

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

השלב הבא הוא להפוך את הקלף בלחיצת כפתור.  

הפיכת הקלפים 

עצרו🛑 זמן מחשבה – איך הופכים את הקלפים? איך גורמים לקלף ׳להגיב׳?  

משימה

תגדירו לקלף להתהפך בלחיצה!!

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

כמו שראינו לא פעם, כאשר רוצים לגרום לקלף ׳להגיב׳ לאירועים כמו לחיצה, נשתמש ב  ()addEventListener. נגדיר לקלף להאזין ללחיצות, ונגדיר את הפונקציה שתתבצע בעת הלחיצה.

משימה 

בעת יצירה של הקלף – תגדירו האזנה חדשה – אשר בעת לחיצה על הקלף – הקלף יתהפך. 

בפרק הקודם הגדרתם כבר את המבנה שיאפשר לקלף להיות עם פנים כלפי מטה/מעלה. 

כעת מה שנשאר זה להוסיף האזנה שמבצעת את ההפיכה. 

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

אנו בקצרה ניגע בפונקציה שתוכלו להשתמש בה, שיכולה להיות שימושית. 

toggle

ראינו שבעזרת classList.add מוסיפים class לאלמנט. בעזרת classList.remove מסירים class מהאלמנט. 

בעזרת classList.toggle אפשר לבצע שילוב שלהם. כלומר המחשב כבר יבדוק: אם הclass שייך לאלמנט אז הוא יסיר אותו ואם הוא לא שייך אז הוא יוסיף אותו. 

אם הגדרנו באיזה מצב הקלף יהיה בעזרת class שאנו מוסיפים – אז הפונקציה הזאת היא בדיוק מה שאנו מחפשים.  לדוגמא: