מיון מרשימה – JavaScript

חיפוש חכם מתוך רשימה במדריך זה נראה כיצד ניתן לבצע ב Javascript מיון מתוך רשימה באמצעות שדה חיפוש בדוגמא הבאה יש לנו רשימת מותגי רכבים ואנחנו רוצים בהקלדה של אותיות משמות מותגי הרכב המופיעים ברשימה שיוצגו התוצאות הרלוונטיות. הונדה קיה טסלה פולקסווגן אאודי BMW סובארו טויוטה יונדאי סוזוקי שברולט פרארי מימוש הקוד באמצעות אלמנטור ראשית נוסיף […]

וולידציה לשדה טלפון – Regular expressions

וולידציה לשדה טלפון – Regular expressions במדריך זה נראה כיצד ניתן להגביל את הגולש להזין בשדה מספר טלפון בפורמט תקין בלבד באמצעות ביטוי רגולרי Regular expressionsבדוגמא הזאת אנחנו רוצים להגדיר ששדה טלפון יעבוד רק למספר טלפון ישראלי תקני כמו:031234567  או  0501234567לעומת זאת מספר טלפון כמו:05012345678  או 12345הטופס לא ישלח והגולש יקבל שגיאה שמספר הטלפון לא […]

עדכון תאריך דינאמי בJS

עדכון שנה דינאמי לפי תאריך נוכחי באתרים רבים נדרש לציין “© כל הזכויות שמורות” עם השנה הנוכחית. ישנם כאלו המעדכנים ידנית כל שנה את התאריך…במדריך זה נראה איך ניתן לעשות את זה בצורה פשוטה באמצעות הוספת קטע קוד Javascript פשוט.נשתמש בווידג’ט כותרת או טקסט רגיל ונעטוף את השנה בתגית span עם id כלשהו כל הזכויות […]

מחשבון BMI עם טופס אלמנטור

יצירת מחשבון BMI על ידי שימוש בטופס אלמנטור מחשבון BMI פשוט באמצעות טופס אלמנטור ו JavaScript בו המשתמש יזין את הגובה והמשקלו שלו ויקבל תוצאה של ה-BMIבהינתן שחישוב BMI הוא משקל לחלק לגובה בריבוע: BMI = (weight) / (height * height) ראשית ניצור באלמנטור טופס פשוט עם שדה גובה ושדה משקל ומתחתיו וידג’ט כותרת פשוט […]

Custom Template

מדריך ליצירת תבנית מ-0

שינויים ב DOM

תרגיל: בלחיצה על DIV מסוים יוצג בקונסול אותו הדיב שעליו לחצו Div 1 Div 2 Div 3 ראשית ניצור משתנה של שלושת הDIVים שלכולם יש את אותו קלאסנרוץ עם לולאה על כולם באמצעות הפונקציה querySelectorAllנאזין לקליק על האלמנט באמצעות addEventListenerנוסיף משתנה שמקבל את הקליק של אותה ריצה ונציג אותו באלרט let divCount = document.querySelectorAll(‘.eventDiv’).length for(let […]