אפליקציית החידון האינטראקטיבית הראשונה שלכם
אפליקציית החידון האינטראקטיבית הראשונה שלכם
הרצאה היא תקשורת חד-כיוונית. חידון הוא שיחה.
תלמידים שבוחנים את עצמם זוכרים 50% יותר מאלה שרק קוראים שוב את החומר. בשיעור הזה תבנו אפליקציית חידון אמיתית ולחיצה — עם שאלה, אפשרויות תשובה שנצבעות בירוק או באדום בלחיצה, מונה ניקוד והודעת תוצאה. הכול רץ בדפדפן. בלי פריימוורקים, בלי צד שרת. רק HTML + קצת JavaScript.
הוראות
הוסיפו <h1> עם כותרת החידון — על איזה נושא החידון בוחן?
רמז: נסו: `<h1 class="text-3xl font-bold text-white mb-2">בדיקת ידע מהירה</h1>`
הוסיפו <div class="question"> שמכיל את טקסט שאלת החידון
הוסיפו לפחות 3 כפתורי תשובה <button class="answer-btn">. סמנו את התשובה הנכונה עם data-correct="true"
הוסיפו <div class="score-counter"> בתחתית שמציג "ניקוד: 0" — ה-JavaScript שבקוד ההתחלה יעדכן אותו אוטומטית בלחיצה על התשובה הנכונה
הקוד שלכם
תארו מה אתם רוצים לבנות בשלב הזה ואני אכתוב את הקוד — ואז לחצו על החלה כדי לשבץ אותו בעורך שלכם. השלב הזה: הוסיפו <h1> עם כותרת החידון — על איזה נושא החידון בוחן?