ה־DOM וטופס תנועה אינטראקטיבי
בינוני~35 דק׳0/4 שלבים
נותנים לאדם להשתמש בספר התנועות
ה־DOM הוא מודל האובייקטים של העמוד בדפדפן. JavaScript יכול להאזין לשליחת טופס, לקרוא שדות, לעדכן את מצב האפליקציה ולהציג את התוצאה.
זו נקודת המפנה: Smart Ledger מפסיק להיות סקריפט והופך לאפליקציה.
הוראות
1
בחרו את הטופס ואת הרשימה בעזרת querySelector.
רמז: document.querySelector('#transaction-form')
איפה כותבים את זה?
// Listen for submit, prevent the refresh, push an object, and render.כתבו את זה בשורה 6 — מתחת להערה הזאת, אחרי הקוד שכבר הוספתם.
2
צרו renderTransactions שמציג פריטים מהמערך בעזרת map.
3
האזינו לאירוע submit וקראו ל־preventDefault.
4
הוסיפו אובייקט תנועה למערך והציגו מחדש.
הקוד שלכם
html
1
2
3
4
5
6
בנייה עם ViBot0 / 12 הודעות חינם
אני אבנה עבורכם את השלב. אין צורך לכתוב או להבין קוד — אפשר להשתמש בכפתור המודרך או לתאר במילים מה תרצו. השלב הזה: בחרו את הטופס ואת הרשימה בעזרת querySelector.
תצוגה חיה
תצוגה חיה