The DOM and an interactive transaction form
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.
निर्देश
Select the form and list with querySelector.
संकेत: document.querySelector('#transaction-form')
इसे कहाँ लिखें?
// Listen for submit, prevent the refresh, push an object, and render.इसे लाइन 6 पर लिखें — उस टिप्पणी के नीचे, पहले जोड़े गए कोड के बाद।
Create renderTransactions and render array items with map.
Listen for submit and call preventDefault.
Push a transaction object and render again.
आपका कोड
इस स्टेप के लिए आप जो बनाना चाहते हैं उसे बताएं और मैं कोड लिख दूंगा — फिर इसे अपने एडिटर में डालने के लिए Apply पर क्लिक करें। यह स्टेप: Select the form and list with querySelector.