html dir = "rtl" lang = "הוא" >
ראש
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > סגולה נסתרת למציאת זיווג - משחק למידה 💑 title >
סגנון
* {
מרווח : 0 ;
ריפוד : 0 ;
גודל-תיבה : תיבה-גבולית;
}
גוף {
font-family : 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
רקע : גרדיאנט ליניארי ( 135 מעלות , #f093fb 0% , #f5576c 100% );
גובה מינימלי : 100vh ;
ריפוד : 20 פיקסלים ;
כיוון : rtl;
}
.מיכל {
רוחב מקסימלי : 900 פיקסלים ;
מרווח : 0 אוטומטי;
רקע : לבן;
רדיוס-גבול : 25 פיקסלים ;
צל-קופסה : 0 25 פיקסלים 70 פיקסלים rgba ( 0 , 0 , 0 , 0.3 );
גלישה : מוסתר;
}
.כותרת {
רקע : גרדיאנט ליניארי ( 135 מעלות , #fa709a 0% , #fee140 100% );
צבע : לבן;
ריפוד : 40 פיקסלים 30 פיקסלים ;
יישור טקסט : מרכז;
מיקום : קרוב משפחה;
}
.header ::לפני {
תוכן : '💑' ;
גודל גופן : 4em ;
מיקום : מוחלט;
למעלה : 10 פיקסלים ;
שמאל : 20 פיקסלים ;
אטימות : 0.3 ;
}
.header ::אחרי {
תוכן : '💖' ;
גודל גופן : 4em ;
מיקום : מוחלט;
למעלה : 10 פיקסלים ;
ימין : 20 פיקסלים ;
אטימות : 0.3 ;
}
.כותרת h1 {
גודל גופן : 2.2em ;
שוליים-תחתונים : 10 פיקסלים ;
צל-טקסט : 2px 2px 4px rgba ( 0 , 0 , 0 , 0.2 );
}
.כותרת פ {
גודל גופן : 1.2em ;
אטימות : 0.95 ;
שוליים עליונים : 10 פיקסלים ;
}
.progress-container {
רקע : #e0e0e0 ;
גובה : 10 פיקסלים ;
מיקום : קרוב משפחה;
}
.progress-bar {
רקע : גרדיאנט ליניארי ( 90 מעלות , #fa709a 0% , #fee140 100% );
גובה : 100% ;
רוחב : 0% ;
מעבר : רוחב 0.5 שניות קלות;
}
.תוכן {
ריפוד : 40 פיקסלים ;
}
תוכן-שיעור {
גובה שורה : 1.9 ;
גודל גופן : 1.15em ;
צבע : #333 ;
שוליים-תחתונים : 30 פיקסלים ;
}
.תוכן-שיעור h2 {
צבע : #fa709a ;
שוליים-תחתונים : 25 פיקסלים ;
גודל גופן : 2em ;
יישור טקסט : מרכז;
}
.תוכן-שיעור h3 {
צבע : #667eea ;
שוליים : 25 פיקסלים 0 15 פיקסלים 0 ;
גודל גופן : 1.5em ;
}
.תוכן-שיעור p {
שוליים-תחתונים : 18 פיקסלים ;
}
תוכן שיעור ul {
שוליים : 20 פיקסלים 0 ;
ריפוד-ימין : 30 פיקסלים ;
}
תוכן שיעור li {
שוליים : 12 פיקסלים 0 ;
גובה שורה : 1.8 ;
}
שאלה
רוחנית
רקע : גרדיאנט ליניארי ( 135 מעלות , #ffeaa7 0% , #fdcb6e 100% );
ריפוד : 25 פיקסלים ;
רדיוס-גבול : 15 פיקסלים ;
שוליים : 30 פיקסלים 0 ;
גבול-ימין : קו רציף של 6 פיקסלים #fa709a ;
סגנון גופן : נטוי;
גודל גופן : 1.15em ;
}
.קופסת-לב {
רקע : גרדיאנט ליניארי ( 135 מעלות , #ffecd2 0% , #fcb69f 100% );
ריפוד : 25 פיקסלים ;
רדיוס-גבול : 15 פיקסלים ;
שוליים : 30 פיקסלים 0 ;
גבול : 3 פיקסלים מלא #fa709a ;
יישור טקסט : מרכז;
משקל גופן : מודגש;
גודל גופן : 1.2em ;
}
.פסוק {
רקע : גרדיאנט ליניארי ( 135 מעלות , #a8edea 0% , #fed6e3 100% );
ריפוד : 30 פיקסלים ;
רדיוס-גבול : 15 פיקסלים ;
שוליים : 30 פיקסלים 0 ;
גודל גופן : 1.3em ;
משקל גופן : מודגש;
יישור טקסט : מרכז;
גבול : 3 פיקסלים מלא #667eea ;
גובה שורה : 1.8 ;
}
.question-container {
רקע : #f8f9fa ;
ריפוד : 35 פיקסלים ;
רדיוס-גבול : 15 פיקסלים ;
שוליים : 30 פיקסלים 0 ;
גבול : 3 פיקסלים מלא #fa709a ;
}
.טקסט-שאלה {
גודל גופן : 1.4em ;
משקל גופן : מודגש;
צבע : #333 ;
שוליים-תחתונים : 30 פיקסלים ;
יישור טקסט : מרכז;
}
.תשובה-btn {
תצוגה : בלוק;
רוחב : 100% ;
ריפוד : 20 פיקסלים ;
שוליים : 15 פיקסלים 0 ;
רקע : לבן;
גבול : 3 פיקסלים רציף #ddd ;
רדיוס-גבול : 15 פיקסלים ;
גודל גופן : 1.15em ;
סמן : מצביע;
מעבר : כל 0.3 שניות קלות;
יישור טקסט : ימינה;
}
.answer-btn :רחף {
שינוי : translateX (- 8px );
צבע-גבול : #fa709a ;
רקע : #fff0f5 ;
צל-קופסה : 0 5 פיקסלים 15 פיקסלים rgba ( 250 , 112 , 154 , 0.3 );
}
.תשובה-btn .נכון {
רקע : #d4edda ;
צבע-גבול : #28a745 ;
אנימציה : correctPulse 0.6s ;
}
.תשובה-btn .שגוי {
רקע : #f8d7da ;
צבע-גבול : #dc3545 ;
אנימציה : רעידות של 0.5 שניות ;
}
.answer-btn :מושבת {
סמן : אסור;
}
@keyframes correctPulse {
0% , 100% { שינוי גודל ( 1 ) ; }
50% { שינוי גודל ( 1.05 ) ; }
}
@keyframes shake {
0% , 100% { transform : translateX ( 0 ); }
25% { transform : translateX (- 12px ); }
75% { transform : translateX ( 12px ); }
}
.משוב {
ריפוד : 25 פיקסלים ;
שוליים : 25 פיקסלים 0 ;
רדיוס-גבול : 15 פיקסלים ;
גודל גופן : 1.15em ;
תצוגה : אין;
אנימציה : fadeIn 0.6s ;
גובה שורה : 1.8 ;
}
@keyframes fadeIn {
מאת { אטימות : 0 ; שינוי גודל : translateY (- 15 פיקסלים ); }
ל- { אטימות : 1 ; שינוי : translateY ( 0 ); }
}
.משוב .נכון {
רקע : #d4edda ;
גבול : 3 פיקסלים מלא #28a745 ;
צבע : #155724 ;
תצוגה : בלוק;
}
.משוב .שגוי {
רקע : #f8d7da ;
גבול : קו רציף של 3 פיקסלים #dc3545 ;
צבע : #721c24 ;
תצוגה : בלוק;
}
.תצוגת-ציון {
רקע : גרדיאנט ליניארי ( 135 מעלות , #fa709a 0% , #fee140 100% );
צבע : לבן;
ריפוד : 25 פיקסלים ;
רדיוס-גבול : 15 פיקסלים ;
יישור טקסט : מרכז;
גודל גופן : 1.4em ;
שוליים : 25 פיקסלים 0 ;
צל-קופסה : 0 5 פיקסלים 20 פיקסלים rgba ( 250 , 112 , 154 , 0.4 );
}
.btn-primary {
רקע : גרדיאנט ליניארי ( 135 מעלות , #fa709a 0% , #fee140 100% );
צבע : לבן;
גבול : אין;
ריפוד : 20 פיקסלים 45 פיקסלים ;
גודל גופן : 1.3em ;
רדיוס-גבול : 15 פיקסלים ;
סמן : מצביע;
מעבר : כל 0.3 שניות קלות;
תצוגה : בלוק;
שוליים : 35 פיקסלים אוטומטי;
צל-קופסה : 0 8 פיקסלים 20 פיקסלים rgba ( 250 , 112 , 154 , 0.4 );
}
.btn-primary :hover {
שינוי : translateY (- 5px );
צל-קופסה : 0 15 פיקסלים 35 פיקסלים rgba ( 250 , 112 , 154 , 0.5 );
}
.תעודה {
רקע : גרדיאנט ליניארי ( 135 מעלות , #fa709a 0% , #fee140 100% );
צבע : לבן;
ריפוד : 50 פיקסלים ;
רדיוס-גבול : 25 פיקסלים ;
יישור טקסט : מרכז;
שוליים : 30 פיקסלים 0 ;
}
.תעודה h2 {
גודל גופן : 2.8em ;
שוליים-תחתונים : 30 פיקסלים ;
}
גוף-הסמכה {
רקע : לבן;
צבע : #333 ;
ריפוד : 45 פיקסלים ;
רדיוס-גבול : 20 פיקסלים ;
שוליים : 25 פיקסלים 0 ;
}
.שם-קלט {
ריפוד : 18 פיקסלים ;
גודל גופן : 1.3em ;
גבול : 3 פיקסלים רציף #ddd ;
רדיוס-גבול : 12 פיקסלים ;
רוחב : 100% ;
רוחב מקסימלי : 450 פיקסלים ;
שוליים : 25 פיקסלים אוטומטי;
יישור טקסט : מרכז;
כיוון : rtl;
}
.מוסתר {
תצוגה : אין;
}
מסך מבוא
יישור טקסט : מרכז;
ריפוד : 45 פיקסלים ;
}
.intro-screen h2 {
צבע : #fa709a ;
גודל גופן : 2.5em ;
שוליים-תחתונים : 25 פיקסלים ;
}
מסך מבוא p {
גודל גופן : 1.25em ;
גובה שורה : 1.9 ;
צבע : #555 ;
שוליים-תחתונים : 25 פיקסלים ;
}
.השתקפות {
רקע : #fff3cd ;
ריפוד : 25 פיקסלים ;
רדיוס-גבול : 15 פיקסלים ;
שוליים : 25 פיקסלים 0 ;
גבול-ימין : קו רציף של 6 פיקסלים #ffc107 ;
סגנון גופן : נטוי;
צבע : #856404 ;
גודל גופן : 1.1em ;
}
.action-box {
רקע : גרדיאנט ליניארי ( 135 מעלות , #84fab0 0% , #8fd3f4 100% );
ריפוד : 30 פיקסלים ;
רדיוס-גבול : 15 פיקסלים ;
שוליים : 30 פיקסלים 0 ;
גבול : 3 פיקסלים מלא #667eea ;
גודל גופן : 1.15em ;
גובה שורה : 1.8 ;
}
.action-box h3 {
צבע : #2d3748 ;
שוליים-תחתונים : 20 פיקסלים ;
גודל גופן : 1.5em ;
}
.תחתית {
רקע : #2d3748 ;
צבע : לבן;
ריפוד : 30 פיקסלים ;
יישור טקסט : מרכז;
}
.תחתית א {
צבע : #fa709a ;
קישוט טקסט : אין;
משקל גופן : מודגש;
}
.footer a :hover {
צבע : #fee140 ;
}
@media ( רוחב מקסימלי : 768 פיקסלים ) {
.תוכן {
ריפוד : 25 פיקסלים ;
}
.כותרת h1 {
גודל גופן : 1.6em ;
}
.טקסט-שאלה {
גודל גופן : 1.2em ;
}
.תשובה-btn {
ריפוד : 16 פיקסלים ;
גודל גופן : 1.05em ;
}
}
סגנון
ראש >
גוף
< div class = "מיכל" >
< div class = "כותרת" >
< h1 > 💑 סגולה נסתרת למציאת זיווג 💖 h1 >
< p > סוד התפילה שהביא את רבקה ליצחק אבינו p >
< p style = "font-size: 1em; margin-top: 15px;" > מסע למידה מרגש על כוח ההודיה והתפילה p >
< div class = "מיכל-התקדמות" >
< div class = "progress-bar" id = "progressBar" > div >
< div class = "content" id = "תוכן משחק" >
< div class = "כותרת תחתונה" >
< p > < strong > נבנה באהבה על ידי: strong > p >
< p > הרב יהודה טאוב מקרית אתא 💖 p >
< p > 📞 לפרטים: < a href = "tel:0527139520" > 052-713-9520 a > p >
< p style = "margin-top: 15px;" > 📺 לשיעורים נוספים: < a href = "https://youtube.com/@RabbiYehudaTaub" target = "_blank" > ערוץ היוטיוב שלנו a > p >
< סקריפט >
// מצב המשחק
מצב משחק = {
שיעור נוכחי: 0,
שאלה נוכחית: 0,
ציון: 0,
ציון שיעור: 0,
סך כל השאלות: 0,
שם השחקן: ''
};
// נתוני שיעורים
שיעורים קבועים = [
{
title: "שיעור 1: סיפור הגר באר לחי רואי",
תוכן: `
< h2 > 🌟 איך מוצאים זיווג? h2 >
< p > זו אחת השאלות המרכזיות בחיי כל אדם. רבים מחפשים, מתפללים, עושים סגולות - אבל לא תמיד בדרך הנכונה. p >
< div class = "קופסת לב" >
💎 המפתח המרכזי 💎 < br >
לפני שמבקשים דבר חדש מהקדוש ברוך הוא - < br >
קודם כל צריך להודות על העבר!
< p > זהו הוד שיצחק אבינו גילה לנו: < strong > הודיה פותחת שערי ברכה! strong > p >
< p > כשאדם מלא הכרת הטוב על כל מה ששם עשה עבורו עד כה - אז הוא ראוי לקבל עוד. p >
< div class = "שאלה רוחנית" >
💭 האם אתה מרגיש כמה ה' אוהב אותך? כמה הוא עשה בשבילך עד עכשיו?
< h3 > 🌅 סיפור הגר במדבר h3 >
< p > בפרשת לך מסופר על הגר שבורחת מבית אברהם. היא צריכה במדבר, לבדה ומבולבלת. p >
< p > פתאום מגיע אליה < strong > מלאך ה' strong > ואומר לה: p >
פסוק
"שובי אל גבירתך והתעני תחת ידיה" 🕊️
< p > הגר מופתעת לגמרי! הקדוש ברוך הוא דאג לה, שלח לה מלאך, הדריך אותה מה לעשות. p >
< h3 > ❤️ מה היא עושה? h3 >
< p > היא < strong > מודה! strong > התורה מספרת: p >
פסוק
"ותקרא שם ה' הדובר אליה - אתה א-ל רואי" < br >
💖
< p > רש"י ואונקלוס מפרשים: < strong > "והודית קדם ה'" strong > - היא הודתה לה שם על שהתגלה עליה! p >
< div class = "השתקפות" >
💡 נקודה לזכור: המקום שבו הגר הודתה לה' נקרא "באר לחי רואי" - באר החי שרואה. שם זה מסמל מקום של הודיה, מקום שבו האדם מרגיש שהקדוש ברוך הוא רואה אותו ודואג לו.
< div class = "שאלה רוחנית" >
🌟 מתי את/ה הכי מרגיש/ה שה' רואה אותך ודואג לך?
`,
שאלות: [
{
question: "מה המפתח המרכזי למציאת זיווג לפי השיעור?",
תשובות: [
"להודות על העבר לפני שמבקשים על העתיד",
"להתפלל כל יום שלוש פעמים",
"ללכת לרבי מפורסם לקבל ברכה",
"שותפות צדקה בסכומים גדולים"
],
נכון: 0,
explanation: "המפתח הוא: לפני שמבקשים דבר חדש מהקדוש ברוך הוא - קודם כל צריך להודות על העבר! הודיה פותחת שערי ברכה.",
רוחניות: "💖 כשאנחנו מכירים בטוב שה' עשה - אנחנו פותחים את הלב שלנו לקבל עוד!"
},
{
question: "מה הגר עשה אחרי שמלאך ה' הופיע אליה?",
תשובות: [
"היא הודתה לה' וקראה לו 'א-ל רואי'",
"היא ברחה בחזרה לביתה מיד",
"היא שאלה עוד שאלות מהמלאך",
"היא התעלפה מפחד"
],
נכון: 0,
הסבר: "הגר הודתה להשם! התורה אומרת: 'ותקרא שם ה' הדובר אליה - אתה א-ל רואי'. רש"י מפרש: 'והודית קדם ה''.",
רוחניות: "🙏 הודיה היא השפה שהלב מדבר איתה עם הקדוש ברוך הוא!"
},
{
question: "מה שם המקום שבו הגר הודתה לה'?",
תשובות: [
"באר לחי רואי - באר החי שרואה",
"באר שבע - באר השבע",
"בר מים חיים",
"ברכה"
],
נכון: 0,
explanation: "המקום נקרא 'באר לחי רואי' - באר החי שרואה. זה מקום של הודיה, מקום שבו האדם מרגיש שה' רואה אותו ודואג לו.",
רוחני: "👀 ה' תמיד רואה אותך - גם אתה חושב שאף אחד לא שם לב!"
}
]
},
{
title: "שיעור 2: יצחק הולך לאותו מקום!",
תוכן: `
< h2 > 🚶 קפיצה לפרשת חיי שרה h2 >
< p > עכשיו נקפוץ קדימה בזמן. אליעזר נמצא בדרך עם רבקה, הם חוזרים לארץ כנען. p >
< p > ומה מספרת התורה? p >
פסוק
"ויצחק בא מבוא באר לחי רואי" < br >
(בראשית קד:סב) 📖
< p > < strong > רגע רגע! strong > אותו מקום?! < חזק > בדיוק! strong > p >
< p > יצחק הלך למקום שבו הגר הודתה להקדוש ברוך הוא. p >
< div class = "שאלה רוחנית" >
🤔 למה? מה יצחק עשה שם? זו השאלה שכל המפרשים שואלים!
< h3 > 💡 התשובה המדהימה h3 >
< p > הרמב"ן והספורנו מסבירים: p >
< div class = "קופסת לב" >
"הלך להתפלל במקום שבו נשמעה תפילת שפתו!" < br >
💫
< p > יצחק < strong > בכוונה תחילה strong > הלך למקום הזה כדי להתפלל שם! p >
< p > למה דווקא שם? כי זה מקום של < strong > הודיה strong > ! p >
< div class = "השתקפות" >
✨ יצחק הבין: אם רוצים שהתפילה תתקבל - צריך להתפלל במקום של הכרת הטוב, במקום שבו מישהו הודה לה' בעבר!
< h3 > 🕐 תפילת המנחה h3 >
< p > התורה אומרת: p >
פסוק
"ויצא יצחק לשוח בשדה לפנות ערב" < br >
(בראשית קד:סג)
< p > חז"ל אומרים: < strong > "לשוח" - זה לשון תפילה. strong > יצחק תיקן את תפילת המנחה! p >
< div class = "action-box" >
< h3 > ⏰ מה מיוחד בתפילת המנחה? h3 >
< p > < strong > בבוקר strong > - אדם מתפלל ומבקש מהשם שיעזור לו ביום הקרוב. p >
< p > < strong > במנחה strong > - היום כבר הסתיים כמעט. מה עושים? p >
< p > < strong > במנחה מודים! strong > באים ומודים לה' על כל הטוב שגמל עמנו היום היום! p >
< div class = "שאלה רוחנית" >
💖 האם אתה מודה לה' בסוף היום על כל הטוב? או רק מבקש דברים חדשים?
< p > < strong > הקשר המדהים: strong > יצחק הלך למקום של הודיה (באר לחי רואי) והתפלל שם את תפילת ההודיה (מנחה). p >
< div class = "קופסת לב" >
זה לא מקרה! זו הדרך שיצחק בחר כדי למצוא את זיווגו: < br >
< strong > קודם כל - להודות על העבר. רק אחרי זה - לבקש על העתיד! 🌟
`,
שאלות: [
{
שאלה: "לאיזה מקום יצחק הלך להתפלל?",
תשובות: [
"באר לחי רואי - המקום שבו הגר הודתה לה'",
"חברון - מקום קבורת אברהם אבינו",
"באר שבע - המקום שבו אברהם חפר באר",
"הר המוריה - מקום העקדה"
],
נכון: 0,
explanation: "יצחק הלך ל'באר לחי רואי' - בדיוק המקום שבו הגר הודתה לה'! הרמב"ן מסביר: הוא הלך להתפלל במקום שבו נשמעה תפילת שפתו.",
רוחני: "✨ יש מקומות מיוחדים בהודיה עולה ישר לשמיים - אבל כל מקום יכול להיות כזה אם אנחנו מודים בלב שלם!"
},
{
question: "איזו תפילה יצחק תיקן?",
תשובות: [
"תפילת המנחה - תפילת ההודיה על היום",
"תפילת שחרית - תפילת הבוקר",
"תפילת ערבית - תפילת הלילה",
"תפילת מוסף - תפילת החגים"
],
נכון: 0,
explanation: "יצחק תיקן את תפילת המנחה. המהרל מבאר: במנחה מודים על היום שעבר, לא רק מבקשים על העתיד!",
רוחניות: "🙏 תפילת המנחה היא זמן מיוחד להודות לה' על כל הטוב שקיבלנו היום!"
},
{
question: "מה הסדר הנכון למציאת זיווג לפי יצחק?",
תשובות: [
"קודם - הודיה על העבר, אחר כך - בקשה על העתיד",
"קודם - בקשה חזקה, אחר כך - הודיה",
"רק בקשה, בלי הודיה",
"רק הודיה, בלי בקשה"
],
נכון: 0,
explanation: "הסדר קריטי: קודם כל להודות על העבר, ורק אחר כך לבקש על העתיד. זו הדרך שיצחק בחר ובזכותה מצא את רבקה!",
רוחניות: "💝 כשאנחנו מודים תחילה - אנחנו מכינים את הלב שלנו לקבל עוד טובה מהשמיים!"
}
]
},
{
title: "שיעור 3: הצעד הראשון - רשימת הודיה",
תוכן: `
< h2 > 📝 בואו נתרגם למעשה! h2 >
< p > עכשיו הגיע הזמן ללמוד < strong > איך עושים את זה בפועל strong > ! p >
< p > מה אנחנו צריכים לעשות כדי ללכת בעקבות יצחק אבינו ולמצוא את ההזיווג שלנו? p >
< div class = "קופסת לב" >
💎 שלושהים פשוטים ועוצמתיים! 💎
< h3 > 📋 צעד ראשון: רשימת הודיה מפורטת h3 >
< div class = "action-box" >
< h3 > 🖊️ מה לעשות: h3 >
< p > קחו דף נייר ועט, רשימה רשימה של < strong > לפחות 20 דברים strong > הם מודים עליהם לקדוש ברוך הוא. p >
< p > < strong > לא סתם "תודה ה'" strong > - אלא < strong > פירוט ספציפי! strong > p >
< p > < strong > דוגמאות: strong > p >
< li > ✅ תודה שנולד בריא li >
< li > ✅ תודה על המשפחה המדהימה שלי li >
< li > ✅ תודה על הבית החם שיש לי li >
< li > ✅ תודה על האוכל שלא חסר לי li >
< li > ✅ תודה על החברים הטובים li >
< li > ✅ תודה על היכולות שנתת לי li >
< li > ✅ תודה על העיניים לראות li >
< li > ✅ תודה על האוזניים לשמוע li >
< li > ✅ תודה על הרגליים ללכת li >
< div class = "השתקפות" >
💡 כתבו עד שהנייר מלא! עד שאתה < strong > ממש מרגישים strong > כמה השם עשה בשבילכם!
< div class = "שאלה רוחנית" >
❤️ בזמן שאתם כותבים - תחשבו: "כמה הוא אוהב אותי! כמה הוא דואג לי עד עכשיו!"
< h3 > 🌟 סיפור מחזק h3 >
< p > הרב מזכיר בשיעור (שיחה מספר 6) סיפור נפלא: p >
< div class = "קופסת לב" >
אדם שהיה מחפש זיווג שנים רבות, עשה בדיוק את מה שאמרנו: < br > < br >
• ישב עם מחברת < br >
• התחיל לרשום חסדים < br >
• רשם עוד ועוד ועוד < br >
• עד שלא היה מקום בדפים! < br > < br >
לאחר מכן, הוא התמלא שמחה והכרת טוב עצומה. < br >
ואז הוא התפלל מנחה ובקש... < br > < br >
תוך זמן קצר - הוא מצא את זיוגו! 💑
< div class = "השתקפות" >
✨ זו לא אגדה - זו מציאות של מי שהוא בדרך הנכונה!
< div class = "שאלה רוחנית" >
💭 האם אתה מוכן/ה לקחת דף עכשיו ולהתחיל לכתוב? זה יכול לשנות את חייך!
< p > < strong > זכרו: strong > ככל שתרשמו יותר - כך תרגישו יותר את אהבת ה' אליכם! p >
< div class = "action-box" >
< h3 > 💪 אתגר אישי: h3 >
< p > נסו לכתוב < strong > 50 דברים strong > אתם מודים אותם! p >
< p > כן, 50! זה אפשרי - ואתם תראו איזה שינוי זה יעשה בלב שלכם! p >
`,
שאלות: [
{
question: "כמה דברים לפחות צריך לכתוב ברשימת ההודיה?",
תשובות: [
"לפחות 20 דברים - פירוט מדויק וספציפי",
5 דברים בלבד
"רק 3 דברים כלליים",
"מספיק אחד או שניים"
],
נכון: 0,
explanation: "צריך לכתוב לפחות 20 דברים בפירוט ספציפי! לא סתם 'תודה ה\'' - אלא פירוט מדויק של כל דבר שאנחנו מודים עליו.",
רוחניות: "📝 ככל שנפרט יותר - כך נרגיש יותר עומק את אהבת ה' אלינו!"
},
{
שאלה: "מה צריך לכלול ברשימה?",
תשובות: [
"דברים ספציפיים - בריאות, משפחה, יכולים, חברים וכו'",
"רק דברים גדולים וחשובים",
"רק דברים רוחניים",
"רק דברים גשמיים"
],
נכון: 0,
explanation: "הרשימה צריכה לכלול דברים מיוחדים: בריאות, משפחה, בית, אוכל, חושים, יכול - הכל! גם ה'קטנים' וגם ה'גדולים'.",
spiritual: "🌈 אין דבר 'קטן' - כל מתנה מה' היא אוצר אמיתית!"
},
{
question: "מה קרה לאדם שרשם חסדים עד שלא היה מקום בדפים?",
תשובות: [
"הוא מצא את זיווגו תוך זמן קצר",
"הוא הפסיק לחפש זיווג",
"הוא נסע לחו\"ל",
"לא קרה שום דבר מיוחד"
],
נכון: 0,
explanation: "שעות סופיות לרשום ולהמלא הכרת טוב, הוא התפלל מנחה - ותוך זמן קצר מצא את זיווגו! זו הדרך שעובדת!",
רוחניות: "💫 כשפותחים את הלב בהודיה - ה' פותחת את שערי הברכה!"
}
]
},
{
title: "שיעור 4: הצעד השני והשלישי - תפילה ובקשה",
תוכן: `
< h2 > 🕐 צעד שני: תפילת מנחה ממוקדת h2 >
< p > אחרי שכתבתם את רשימת ההודיה - הגיע הזמן להתפלל! p >
< div class = "action-box" >
< h3 > ⏰ מה לעשות: h3 >
< p > < strong > לפנות ערב strong > , בזמן תפילת המנחה, עמדה והתפללו בכוונה מיוחדת. p >
< p > בקשת התפילה, < strong > חשבו על כל הדברים שרשמתם. strong > p >
< p > הרגישו כל מילה של < strong > "מודים אנחנו לך". strong > p >
פסוק
"מודים אנחנו לך < br >
אתה הוא ה' אלוקינו ואלוקי אבותינו < br >
לעולם ועד ... "
💖
< p > זה לא סתם תפילה - זו < strong > תפילת הודיה אמיתית strong > מכל הלב! p >
< div class = "שאלה רוחנית" >
💭 תארו לעצמכם: עומדים לפני המלך - והוא שואל אתכם "על מה אתם מודה לי?". מה תגידו?
< h3 > 🙏 צעד שלישי: עכשיו תבקשו! h3 >
< p > < strong > רק אחרי strong > שהתמלאתם הודיה - עכשיו תבקשו מהקדוש ברוך הוא: p >
< div class = "קופסת לב" >
"ריבונו של עולם, < br >
כמו שעזרת לי בכל הדברים האלה שמניתי - < br >
כמו שהיית עמי עד עכשיו - < br >
תמשיך לעזור לי גם הלאה! < br > < br >
תן לי את הזיווג המתאים < br >
בשעה טובה ומוצלחת!" < br >
💑
< p > < strong > רואים את ההבדל? strong > אתם לא באים ריקים. אתם באים < strong > מלאים בהכרת טוב! strong > p >
< div class = "השתקפות" >
✨ זה כמו שבא ילד לאבא שלו ואומר: "אבא, תודה על כל מה שעשית בשבילי! על הבית, האוכל, הבגדים, החינוך, האהבה... ועכשיו אני צריך עוד עזרה במשהו..." < br > < br >
איזה אבא לא ירצה לעזור לילד כזה?!
< h3 > 📅 תכנית שבועית h3 >
< div class = "action-box" >
< h3 > 💪 תרגיל מעשי לשבוע הקרוב: h3 >
< li > < strong > יום א': strong > התחילו רשימת הודיה - 10 דברים לפחות li >
< li > < strong > יום ב': strong > הוסיפו עוד 10 דברים לרשימה li >
< li > < strong > יום ג': strong > התפללו מנחה עם כוונה מיוחדת על הרשימה li >
< li > < strong > יום ד': strong > הוסיפו דברים 'קטנים' לרשימה (חושים, אפשר...) li >
< li > < strong > יום ה': strong > התפללו מנחה שוב, הרגישו כל מילה li >
< li > < strong > יום ו': strong > הוסיפו את הבקשה - 'ריבונו של עולם, כמו שעזרת...' li >
< li > < strong > שבת: strong > קראו את הרשימה שוב והודו בלב שמח li >
פסוק
"לפני שמבקשים - להודות. < br >
זה הוד של יצחק אבינו!" < br >
🌟
< div class = "שאלה רוחנית" >
❤️ האם אתם מוכנים חייבים לעשות את זה? זה יכול לשנות את הכל!
< h3 > 💝 המסר המרכזי h3 >
< div class = "קופסת לב" >
הסדר הוא קריטי: < br > < br >
✅ קודם - הודיה על כל העבר < br >
✅ אחר כך - בקשה על עתיד < br > < br >
למה זה עובד ?
כי כשאדם מודה, הוא פותח את השערים לקבל עוד! < br >
💫
< p > < strong > זכרו: strong > יצחק הלך למקום של הודיה, התפלל תפילת הודיה, ומיד מצא את רבקה! p >
< p > גם אתם יכולים! 💑✨ p >
`,
שאלות: [
{
question: "מתי צריך להתפלל מנחה ממוקדת?",
תשובות: [
"לפנות ערב, תוך כדי חשיבה על כל הדברים שרשמנו",
בכל זמן שנוח
רק בבוקר
"רק בלילה לפני השינה"
],
נכון: 0,
explanation: "צריך להתפלל מנחה לפנות ערב, ובמהלך התפילה לחשוב על כל הדברים שרשמנו ברשימת ההודיה. להרגיש כל מילה של 'מודים אנחנו לך'.",
רוחני: "⏰ זמן תפילת המנחה הוא זמן מיוחד להודיה - זה הזמן שיצחק בחר!"
},
{
שאלה: "מתי מבקשים את הזיווג?",
תשובות: [
"רק אחרי שהתמלאנו הודיה והתפללנו",
"לפני ההודיה",
"במקום ההודיה",
"לא צריך לבקש כלל"
],
נכון: 0,
explanation: "הסדר קריטי: רק אחרי שהתמלאנו הודיה והתפללנו - אז מבקשים! 'ריבונו של עולם, כמו שעזרת עד כה - תמשיך לעזור!'",
רוחניות: "🎁 כשבאים מלאים בהכרת טוב - הבקשה שלנו הרבה יותר חזקה ומתקבלת!"
},
{
שאלה: "מה המסר המרכזי של כל השיעור?",
תשובות: [
"קודם להודות על העבר, אחר כך לבקש על העתיד",
"רק לבקש הרבה פעמים",
"רק להודות בלי לבקש",
"לחכות שהזיווג יבוא מעצמו"
],
נכון: 0,
הסבר: "המסר: קודם להודות על העבר - רק אחר כך לבקש על העתיד! זה הוד של יצחק אבינו שעבד עבורו ויעבוד גם עבורנו!"
רוחניות: "💖 הודיה פותחת את שערי הברכה! זה הכלי העוצמתי ביותר שיש לנו!"
}
]
}
];
// הקשר שמע לצלילים
תן להקשר שמע = null;
פונקציה initAudio() {
אם (!הקשר שמע) {
הקשר שמע = חדש (window.הקשר שמע || window.webkitהקשר שמע)();
}
}
פונקציה playSound(תדרים, משך = 200) {
initAudio();
const עכשיו = audioContext.currentTime;
frequencies.forEach((freq, index) => {
const מתנד = audioContext.createOscillator();
const gainNode = audioContext.createGain();
מתנד.חיבור(gainNode);
gainNode.connect(audioContext.destination);
מתנד.תדר.ערך = תדר;
oscillator.type = 'סינוס';
const startTime = now + (אינדקס * משך / 1000);
gainNode.gain.setValueAtTime(0.3, זמן התחלה);
gainNode.gain.exponentialRampToValueAtTime(0.01, זמן התחלה + משך זמן / 1000);
מתנד.התחלה(זמן התחלה);
oscillator.stop(startTime + duration / 1000);
});
}
פונקציה צליל נכון() {
playSound([523.25, 659.25, 783.99], 150); // CEG
}
פונקציה צליל שגוי () {
playSound([392, 349.23], 200); // GF
}
השלמת פונקציה צליל () {
הפעל צליל ([523.25, 659.25, 783.99, 1046.50, 783.99, 659.25], 180);
}
// ערבוב מערך
פונקציה shuffle(array) {
const מערך חדש = [...מערך];
עבור (תן i = newArray.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[מערך חדש[i], מערך חדש[j]] = [מערך חדש[j], מערך חדש[i]];
}
להחזיר מערך חדש;
}
פונקציה getTotalSteps() {
החזר שיעורים.הפחתה((סכום, שיעור) => סכום + שיעור.שאלות.אורך + 1, 0);
}
פונקציה getStepsBeforeCurrentLession() {
החזר שיעורים.פרוסת(0, מצב_משחק.שיעור_נוכחי).הפחת((סכום, שיעור) => סכום + אורך_שיעור_שאלות + 1, 0);
}
// סרגל התקדמות העדכון
פונקציה updateProgress(stage = 'intro') {
const totalSteps = getTotalSteps();
תן לשלבים שהושלמו = 0;
אם (שלב === 'מבוא') {
צעדים שהושלמו = 0;
} אחרת אם (שלב === 'שיעור') {
שלבים שהושלמו = getStepsBeforeCurrentLesson() + 1;
} אחרת אם (שלב === 'שאלה') {
const שיעור נוכחי = שיעורים[מצבמשחק.שיעור נוכחי];
const questionIndex = Math.min(gameState.currentQuestion, currentLesson.questions.length - 1);
שלבים שהושלמו = getStepsBeforeCurrentLesson() + 1 + (questionIndex + 1);
} else if (stage === 'postLesson') {
שלבים שהושלמו = getStepsBeforeCurrentLesson() + 1 + lessons[gameState.currentLesson].questions.length;
} אחרת אם (שלב === 'סופי') {
צעדים שהושלמו = סה"כ צעדים;
}
const progress = סך כל השלבים === 0 ? 0 : (שלבים שהושלמו / סך כל השלבים) * 100;
document.getElementById('progressBar').style.width = התקדמות + '%';
}
// הצג מסך פתיחה
פונקציה showIntro() {
תוכן const = document.getElementById('תוכן משחק');
תוכן.innerHTML = `
< div class = "intro-screen" >
< h2 > 💑 ברוכים הבאים למסע מיוחד! 💖 h2 >
< p > אתם עומדים ללמוד את < strong > הסוד הנסתר למציאת זיווג strong > - p >
< p > הסגולה שיצחק אבינו השתמש בה ומצא את רבקה! p >
פסוק
"לפני שמבקשים דבר חדש מה' - < br >
קודם כל צריך להודות על העבר!" < br >
✨
< p > < strong > המסע שלנו כלול: strong > p >
< ul style = "יישור טקסט: ימין; גובה שורה: 2; תצוגה: בלוק מקוון; שוליים: 20 פיקסלים אוטומטי;" >
< li > 💫 4 שיעורים מרגשים מהתורה li >
< li > ❓ 12 שאלות לבדיקת הבנה li >
< li > 💭 שאלות להעמקה רוחנית li >
< li > 📝 הדרכה מעשית לשלושת הצעדים li >
< li > 🏆 תעודת הצטיינות מיוחדת li >
< li > 🎁 סיפורי ישועות מחזקים! li >
< div class = "שאלה רוחנית" >
💖 זכרו: אנחנו לא רק לומדים - אנחנו מתחברים לאהבת ה' ופותחים שערי ברכה לחיינו!
< div class = "קופסת לב" >
הוד: הודיה פותחת שערים! < br >
יצחק הלך למקום של הודיה, < br >
התפלל תפילת הודיה, < br >
ומצא את זיווגו! < br >
💫
< button class = "btn-primary" onclick = "startGame()" > 💑 בואו נתחיל את המסע! כפתור >
`;
עדכון התקדמות ('מבוא');
}
// התחלת המשחק
פונקציה startGame() {
מצבמשחק.שיעורנוכחי = 0;
gameState.שאלה נוכחית = 0;
מצבמשחק.ציון = 0;
מצבמשחק.ציוןשיעור = 0;
gameState.totalQuestions = 0;
gameState.שם שחקן = '';
עדכון התקדמות ('שיעור');
הצג שיעור();
}
// הצגת תוכן השיעור
פונקציה showLesson() {
שיעור const = שיעורים[מצבמשחק.שיעורנוכחי];
תוכן const = document.getElementById('תוכן משחק');
תוכן.innerHTML = `
< div class = "תוכן-שיעור" >
< h2 style = "text-align: center; color: #fa709a;" > 📖 ${lesson.title} h2 >
תוכן שיעור
< button class = "btn-primary" onclick = "startQuiz()" > ✨ בואו נבדוק את ההבנה! כפתור >
`;
עדכון התקדמות ('שיעור');
חלון.scrollTo(0, 0);
}
// התחלת בוחן לשיעור הנוכחי
פונקציה startQuiz() {
gameState.שאלה נוכחית = 0;
מצבמשחק.ציוןשיעור = 0;
הצג שאלה();
}
// הצג שאלה
פונקציה showQuestion() {
שיעור const = שיעורים[מצבמשחק.שיעורנוכחי];
שאלה קבועה = שיעור.שאלות[מצבמשחק.שאלהנוכחית];
תוכן const = document.getElementById('תוכן משחק');
const תשובות מעורבבות = מעורבב(שאלה.תשובות.מאפה((תשובה, אינדקס) => ({
טקסט: תשובה,
isCorrect: index === שאלה.correct
})));
תוכן.innerHTML = `
< div class = "הצגת ציון" >
📊 ניקוד שיעור נוכחי: ${gameState.lessonScore}/${lesson.questions.length} |
🏆 ניקוד כולל: ${gameState.score}/${gameState.totalQuestions}
< div class = "מיכל-שאלה" >
< div class = "טקסט-שאלה" >
💑 שאלה ${gameState.currentQuestion + 1} מתוך ${lesson.questions.length}: < br > < br >
${שאלה.שאלה}
${תשובות שולפות.map((תשובה, אינדקס) => `}
< button class = "answer-btn" data-correct = "${answer.isCorrect}" onclick = "checkAnswer(${answer.isCorrect}, ${index})" id = "answer${index}" >
טקסט תשובה
כפתור
`).הצטרף('')}
< div class = " משוב" id = " משוב " >
`;
עדכון התקדמות ('שאלה');
חלון.scrollTo(0, 0);
}
// בדיקת תשובה
function checkAnswer(isCorrect, btnIndex) {
initAudio();
שיעור const = שיעורים[מצבמשחק.שיעורנוכחי];
שאלה קבועה = שיעור.שאלות[מצבמשחק.שאלהנוכחית];
משוב const = document.getElementById('משוב');
const btn = document.getElementById(`answer${btnIndex}`);
document.querySelectorAll('.answer-btn').forEach((b) => { }
ב.מושבת = נכון;
אם (b.dataset.correct === 'true') {
b.classList.add('נכון');
}
});
gameState.totalQuestions++;
אם (הוא נכון) {
צליל נכון();
btn.classList.add('נכון');
מצב_משחק.ציון++;
מצב_משחק.ציון_שיעור++;
עידוד קבוע = [
'מצוין! ⭐',
כל הכבוד! 💪
נפלא! 🌟
'מדהים! ✨',
יפה מאוד! 💖
];
const אקראיעידוד = עידודים[Math.floor(Math.random() * encouragements.length)];
feedback.className = 'המשוב נכון';
משוב.innerHTML = `
$ { עידוד אקראי }
$ {שאלה.הסבר }
< div style = "margin-top: 20px; padding: 20px; background: rgba(255,255,255,0.9); border-radius: 12px; border-right: 4px solid #28a745;" >
${שאלה.רוחנית}
`;
} אחר {
צליל שגוי();
btn.classList.add('שגוי');
feedback.className = 'משוב שגוי';
משוב.innerHTML = `
< strong > לא בדיוק... 🤔 strong > < br > < br >
$ {שאלה.הסבר }
< div style = "margin-top: 20px; padding: 20px; background: rgba(255,255,255,0.9); border-radius: 12px; border-right: 4px solid #dc3545;" >
💡 זה בסדר! גם בטעויות לומדים. נסה שוב בפעם הבאה! < br >
${שאלה.רוחנית}
`;
}
קבע זמן קצוב(() => {
const nextBtn = document.createElement('button');
nextBtn.className = 'btn-primary';
nextBtn.textContent = gameState.currentQuestion < lesson.questions.length - 1
? '➡️ לשאלה הבאה'
: '🎉 סיום שיעור!';
nextBtn.onclick = שאלה הבאה;
משוב.appendChild(nextBtn);
}, 1000);
}
// שאלה הבאה או סיום השיעור
פונקציה שאלה הבאה () {
שיעור const = שיעורים[מצבמשחק.שיעורנוכחי];
אם (gameState.currentQuestion < lesson.questions.length - 1) {
gameState.שאלה נוכחית++;
הצג שאלה();
} אחר {
סיוםשיעור();
}
}
// סיום השיעור הנוכחי
פונקציה סיום שיעור() {
שיעור const = שיעורים[מצבמשחק.שיעורנוכחי];
תוכן const = document.getElementById('תוכן משחק');
const עבר = gameState.lessonScore >= 2;
אם (עבר) {
צליל השלמה();
}
עדכון התקדמות ('פוסט שיעור');
תן הודעה = '';
אם (gameState.lessonScore === lesson.questions.length) {
הודעה = `
< h2 style = "color: #28a745;" > 🏆 מושלם! אתה מבין! h2 >
< p style = "font-size: 1.4em;" > ענת נכון על ${gameState.lessonScore}/${lesson.questions.length} שאלות! p >
< p style = "font-size: 1.3em;" > 💫 אתה חי את ההודיה! ה' רואה את המאמץ שלך! p >
`;
} אחרת אם (עבר) {
הודעה = `
< h2 style = "color: #ffc107;" > 💪 יפה מאוד! h2 >
< p style = "font-size: 1.4em;" > ענת נכון על ${gameState.lessonScore}/${lesson.questions.length} שאלות! p >
< p style = "font-size: 1.3em;" > 🌱 אתה בדרך הנכונה - ממשיך לצמוח! p >
`;
} אחר {
הודעה = `
< h2 style = "color: #dc3545;" > 💖 בוא ננסה שוב h2 >
< p style = "font-size: 1.4em;" > ענית נכון על ${gameState.lessonScore}/${lesson.questions.length} שאלות p >
< p style = "font-size: 1.3em;" > לענות נכון לפחות על 2 שאלות כדי להמשיך. p >
< p style = "font-size: 1.2em;" > באהבה וסבלנות - בוא ננסה שוב! 💝 p >
`;
}
תוכן.innerHTML = `
< div style = "יישור טקסט: מרכז; ריפוד: 45 פיקסלים;" >
הודעה
עבר?
${gameState.currentLesson < lessons.length - 1 ? `}]
< button class = "btn-primary" onclick = "nextLesson()" >
🚀 למעבר לשיעור הבא
כפתור
` : `
< button class = "btn-primary" onclick = "showFinalCertificate()" >
🎓 לסיום המסע ולתעודה!
כפתור
`}
` : `
< button class = "btn-primary" onclick = "showLesson()" >
🔄 לחזרה על השיעור
כפתור
`}
`;
חלון.scrollTo(0, 0);
}
// השיעור הבא
פונקציה nextLession() {
מצבמשחק.שיעורנוכחי++;
gameState.שאלה נוכחית = 0;
מצבמשחק.ציוןשיעור = 0;
הצג שיעור();
}
// הצגת תעודה סופית
פונקציה showFinalCertificate() {
תוכן const = document.getElementById('תוכן משחק');
אחוז קבוע = מצבמשחק.סה"כשאלות > 0
? מתמטיקה.סיבוב((מצבמשחק.ציון / מצבמשחק.סה"כשאלות) * 100)
: 0;
תוכן.innerHTML = `
< div style = "יישור טקסט: מרכז; ריפוד: 45 פיקסלים;" >
< h2 style = "color: #fa709a; font-size: 2.8em; margin-bottom: 30px;" >
🎉 מזל טוב! סיימת את המסע! 💑
< div class = "תצוגת-ניקוד" style = "גודל-גופן: 1.6em; שוליים: 35px 0;" >
📊 הציון הסופי שלך: ${gameState.score}/${gameState.totalQuestions} (${percentage}%)
< div class = "שאלה-רוחנית" style = "גופן-גודל: 1.3em;" >
💖 "הודיה פותחת שערי ברכה - זה הוד של יצחק אבינו!" 💫
< div style = "שוליים: 45 פיקסלים 0; גובה שורה: 2.2; גודל גופן: 1.2 פיקסלים;" >
< p > < strong > שאלות למחשבה: strong > p >
< p > 💭 מה למדתי על כוח ההודיה? p >
< p > ❤️ איך אוכל ליישם את שלושת הצעדים החל מהיום? p >
< p > 🙏 האם אני מוכן/ה להתחיל לכתוב רשימת הודיה עכשיו? p >
< p style = "גודל גופן: 1.3em; שוליים: 35px 0;" >
לקבלת תעודת הצטיינות מיוחדת, אנא הזן את שמך:
< input type = "text" id = "playerName" class = "name-input" placeholder = "שם שלך..." >
< button class = "btn-primary" onclick = "generateCertificate()" >
🎓 ליצירת התעודה!
כפתור
`;
עדכון התקדמות ('סופי');
חלון.scrollTo(0, 0);
}
// יצירת תעודה
פונקציה יצירת תעודה() {
const nameInput = document.getElementById('שם השחקן');
gameState.playerName = nameInput.value.trim() || 'תלמיד/ה יקר/ה';
תוכן const = document.getElementById('תוכן משחק');
אחוז קבוע = מצבמשחק.סה"כשאלות > 0
? מתמטיקה.סיבוב((מצבמשחק.ציון / מצבמשחק.סה"כשאלות) * 100)
: 0;
צליל השלמה();
תוכן.innerHTML = `
תעודה
< h2 > 🎓 תעודת הצטיינות 💑 h2 >
< div class = "גוף-האישור" >
< p style = "גודל גופן: 1.6em; שוליים: 25px 0;" >
מוענקת בזאת ל:
< h3 style = "גודל גופן: 2.8em; צבע: #fa709a; שוליים: 25px 0;" >
${gameState.playerName}
< p style = "גודל גופן: 1.4em; גובה שורה: 2.2; שוליים: 35px 0;" >
על השלמת המסע הלימודי < br >
< strong > "סגולה נסתרת למציאת זיווג" strong > < br >
סוד התפילה של יצחק ורבקה
< div style = "רקע: גרדיאנט ליניארי (135 מעלות, #fa709a 0%, #fee140 100%); צבע: לבן; ריפוד: 25 פיקסלים; רדיוס גבול: 15 פיקסלים; שוליים: 35 פיקסלים 0;" >
< p style = "גודל גופן: 1.5em;" >
🏆 ציון: ${gameState.score}/${gameState.totalQuestions} (${percentage}%)
פסוק
"לפני שמבקשים - להודות" < br >
זה הוד של יצחק אבינו! < br >
💫
< div class = "action-box" style = "margin: 35px 0; text-align: right;" >
< h3 > 🎯 שלושת הצעדים: h3 >
< p > < strong > 1. strong > רשימת הודיה מפורטת (20+ דברים) p >
< p > < strong > 2. strong > תפילת מנחה ממוקדת p >
< p > < strong > 3. strong > בקשה אחרי הודיה p >
< p style = "שוליים: 35 פיקסלים 0; גודל גופן: 1.2em; צבע: #666;" >
תאריך: ${new Date().toLocaleDateString('he-IL')}
< div style = "שוליים: 45 פיקסלים 0; ריפוד: 35 פיקסלים; רקע: rgba(255,255,255,0.25); רדיוס-גבול: 20 פיקסלים;" >
< h3 style = "גופן-גודל: 2em; שוליים-תחתית: 25px;" >
💖 זכור: ההודיה היא המפתח! 🗝️
< p style = "גודל גופן: 1.3em; שוליים: 25px 0;" >
התחל היום! קח דף וכתוב 20 דברים שאתה מודה עליהם. < br >
התפלל מנחה בכוונה. < br >
ובקש בביטחון - כמו יצחק אבינו!
< p style = "גודל גופן: 1.4em; שוליים: 25px 0; משקל גופן: מודגש;" >
הזיווג שלך מחכה! 💑✨
< div style = "שוליים: 35 פיקסלים 0;" >
< p style = "font-size: 1.2em;" > 💡 רוצה לשתף את ההצלחה? p >
< button class = "btn-primary" onclick = "shareResults()" >
📤 שיתוף התעודה
כפתור
`;
עדכון התקדמות ('סופי');
חלון.scrollTo(0, 0);
}
// שתף תוצאות
פונקציה שיתוף תוצאות() {
const text = `🎓 סיימתי בהצלחה את המסע "סגולה נסתרת למציאת זיווג"!\n\n📊 הציון שלי: ${gameState.score}/${gameState.totalQuestions}\n\n💖 למדתי את הסוד של יצחק אבינו: הודיה פותחת שערי ברכה!\n\n: 052-713-9520`;
אם (navigator.share) {
navigator.share({
title: 'תעודת הצטיינות - סגולה למציאת זיווג',
טקסט: טקסט
}).catch(() => {});
} אחר {
alert('העתק את הטקסט הזה:\n\n' + טקסט);
}
}
// אתחול המשחק בעת טעינה
window.onload = function() {
הצג הקדמה();
};
סקריפט >
גוף