The DOM and an interactive transaction form
متوسّط~35 د0/4 خطوات
Let a person use the ledger
The DOM is the browser's object model for the page. JavaScript can listen for a form submission, read its fields, update application state, and render the new result.
This is the turning point: Smart Ledger stops being a script and becomes an application.
التعليمات
1
Select the form and list with querySelector.
تلميح: document.querySelector('#transaction-form')
أين أكتب هذا؟
// Listen for submit, prevent the refresh, push an object, and render.اكتبه في السطر 6 — أسفل هذا التعليق، بعد الكود الذي أضفته بالفعل.
2
Create renderTransactions and render array items with map.
3
Listen for submit and call preventDefault.
4
Push a transaction object and render again.
الكود الخاص بك
html
1
2
3
4
5
6
ابنِها بالـ vibe مع ViBot0 / 12 رسائل مجانية
صف ما تريد بناءه في هذه الخطوة وسأكتب الكود — ثم انقر «تطبيق» لإدراجه في محرّرك. هذه الخطوة: Select the form and list with querySelector.
معاينة مباشرة
معاينة مباشرة