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
用 ViBot 来 Vibe0 / 12 条免费消息
描述你想为这一步构建的内容，我来编写代码——然后点击「应用」把它放进你的编辑器。 本步骤：Select the form and list with querySelector.
实时预览
实时预览