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