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でバイブコーディング無料メッセージ 0 / 12
このステップで作りたいものを伝えてください。コードを書きます。あとは「適用」をクリックすればエディタに反映されます。 このステップ：Select the form and list with querySelector.
ライブプレビュー
ライブプレビュー