!DOCTYPE .html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>מבחן אמריקאי - פרשת שמות</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            margin: 20px;

            line-height: 1.6;

            direction: rtl;

        }

        .question {

            margin-bottom: 20px;

        }

        .result {

            display: none;

            font-weight: bold;

            margin-top: 10px;

        }

        .correct {

            color: green;

        }

        .incorrect {

            color: red;

        }

    </style>

</head>

<body>

    <h1>מבחן אמריקאי - פרשת שמות ולקחיה</h1>

    <form id="quiz-form">

        <!-- Questions -->

        <div class="question">

            <p>1. מהו הלקח העיקרי מסיפור התגברות יוסף במצרים?</p>

            <label><input type="radio" name="q1" value="א"> א) יכולתו של יוסף להתעלם מהתרבות המצרית</label><br>

            <label><input type="radio" name="q1" value="ב"> ב) ההשפעה של התגברות על ניסיון על הדורות הבאים</label><br>

            <label><input type="radio" name="q1" value="ג"> ג) חשיבות השמירה על הזהות היהודית במצרים</label><br>

            <label><input type="radio" name="q1" value="ד"> ד) הצורך להתרחק מהשפעות זרות</label>

            <div class="result" id="result-q1"></div>

        </div>

        <div class="question">

            <p>2. מדוע נקברו עצמות יוסף במצרים?</p>

            <label><input type="radio" name="q2" value="א"> א) כי לא הספיקו להעלותם לארץ ישראל</label><br>

            <label><input type="radio" name="q2" value="ב"> ב) כדי שקברו יהיה מקור כוח והשראה לבני ישראל בגלות</label><br>

            <label><input type="radio" name="q2" value="ג"> ג) בגלל בקשתו האישית של יוסף</label><br>

            <label><input type="radio" name="q2" value="ד"> ד) כי המצרים לא הסכימו שיוציאו את עצמותיו</label>

            <div class="result" id="result-q2"></div>

        </div>

        <div class="question">

            <p>3. מה היה חטאו של המלך החדש "אשר לא ידע את יוסף"?</p>

            <label><input type="radio" name="q3" value="א"> א) שכחת ההיסטוריה המצרית</label><br>

            <label><input type="radio" name="q3" value="ב"> ב) התעלמות מכוונת מהטוב שעשה יוסף</label><br>

            <label><input type="radio" name="q3" value="ג"> ג) כפיות טובה שהפכה לחלק מזהותו</label><br>

            <label><input type="radio" name="q3" value="ד"> ד) חוסר ידיעת העבר</label>

            <div class="result" id="result-q3"></div>

        </div>

        <div class="question">

            <p>4. איזה שכר קיבלו המיילדות לפי הרב דיסקין?</p>

            <label><input type="radio" name="q4" value="א"> א) בתים של כהונה ולויה</label><br>

            <label><input type="radio" name="q4" value="ב"> ב) עושר רב ממצרים</label><br>

            <label><input type="radio" name="q4" value="ג"> ג) האפשרות להציל עוד תינוקות</label><br>

            <label><input type="radio" name="q4" value="ד"> ד) הצלה מעונש פרעה</label>

            <div class="result" id="result-q4"></div>

        </div>

        <div class="question">

            <p>5. מה היה המיוחד בשם "משה"?</p>

            <label><input type="radio" name="q5" value="א"> א) שזה היה שמו המצרי</label><br>

            <label><input type="radio" name="q5" value="ב"> ב) שהוא מבטא פעולה מתמשכת של משייה והתעלות</label><br>

            <label><input type="radio" name="q5" value="ג"> ג) שבת פרעה בחרה בו</label><br>

            <label><input type="radio" name="q5" value="ד"> ד) שהוא מזכיר את הצלתו מהיאור</label>

            <div class="result" id="result-q5"></div>

        </div>

        <div class="question">

            <p>6. איזה עיקרון למדים מבת פרעה ששלחה ידה להציל את משה?</p>

            <label><input type="radio" name="q6" value="א"> א) שצריך תמיד לחשב סיכויים לפני פעולה</label><br>

            <label><input type="radio" name="q6" value="ב"> ב) שהשתדלות נדרשת דווקא כשאין סיכוי</label><br>

            <label><input type="radio" name="q6" value="ג"> ג) שיש לפעול רק כשיש סיכוי להצליח</label><br>

            <label><input type="radio" name="q6" value="ד"> ד) שעדיף להימנע מפעולות מסוכנות</label>

            <div class="result" id="result-q6"></div>

        </div>

        <div class="question">

            <p>7. מדוע בחר הקב"ה במשה כרועה צאן?</p>

            <label><input type="radio" name="q7" value="א"> א) כי היה חזק פיזית</label><br>

            <label><input type="radio" name="q7" value="ב"> ב) כי ידע להנהיג קבוצה גדולה</label><br>

            <label><input type="radio" name="q7" value="ג"> ג) כי גילה רחמים אמיתיים על החלש</label><br>

            <label><input type="radio" name="q7" value="ד"> ד) כי היה בעל ניסיון בהנהגה</label>

            <div class="result" id="result-q7"></div>

        </div>

        <div class="question">

            <p>8. מה היה החיסרון בגמגום של משה?</p>

            <label><input type="radio" name="q8" value="א"> א) שהקשה עליו לדבר עם העם</label><br>

            <label><input type="radio" name="q8" value="ב"> ב) שהפריע לו בשליחותו</label><br>

            <label><input type="radio" name="q8" value="ג"> ג) לא היה חיסרון - זה היה תזכורת לניסי ה'</label><br>

            <label><input type="radio" name="q8" value="ד"> ד) שגרם לו להתבייש</label>

            <div class="result" id="result-q8"></div>

        </div>

        <div class="question">

            <p>9. מה למדים מכך שפרעה קיבל עונש "מידה כנגד מידה"?</p>

            <label><input type="radio" name="q9" value="א"> א) שהעונש צריך להיות קשה</label><br>

            <label><input type="radio" name="q9" value="ב"> ב) שהמשפט האלוקי הוא מדויק ומכוון</label><br>

            <label><input type="radio" name="q9" value="ג"> ג) שיש להעניש רשעים</label><br>

            <label><input type="radio" name="q9" value="ד"> ד) שצריך לנקום ברשעים</label>

            <div class="result" id="result-q9"></div>

        </div>

        <div class="question">

            <p>10. מהי "פקידה" לפי הרמח"ל?</p>

            <label><input type="radio" name="q10" value="א"> א) ביקור וראייה</label><br>

            <label><input type="radio" name="q10" value="ב"> ב) השלב הראשון בגאולה, כמו התעוררות משינה</label><br>

            <label><input type="radio" name="q10" value="ג"> ג) זיכרון העבר</label><br>

            <label><input type="radio" name="q10" value="ד"> ד) הבטחה לעתיד</label>

            <div class="result" id="result-q10"></div>

        </div>

        <button type="button" onclick="checkAnswers()">בדוק תשובות</button>

    </form>

    <script>

        const correctAnswers = {

            q1: "ב",

            q2: "ב",

            q3: "ג",

            q4: "ג",

            q5: "ב",

            q6: "ב",

            q7: "ג",

            q8: "ג",

            q9: "ב",

            q10: "ב"

        };


        function checkAnswers() {

            const form = document.getElementById('quiz-form');

            const results = form.querySelectorAll('.result');

            results.forEach(result => result.style.display = 'none'); // Reset results


            let score = 0;

            let total = 0;


            for (const [question, correctAnswer] of Object.entries(correctAnswers)) {

                const userAnswer = form.querySelector(`input[name="${question}"]:checked`);

                const result = document.getElementById(`result-${question}`);

                if (userAnswer) {

                    total++;

                    if (userAnswer.value === correctAnswer) {

                        result.textContent = "נכון!";

                        result.className = "result correct";

                        score++;

                    } else {

                        result.textContent = "לא נכון, התשובה הנכונה היא: " + correctAnswer;

                        result.className = "result incorrect";

                    }

                    result.style.display = 'block';

                }

            }


            alert(`סיימת! הציון שלך: ${score} מתוך ${total}`);

        }

    </script>

</body>

</html>