Stiamo ancora traducendo questa lezione in Italiano. Per ora leggi la versione in English.Aiutaci a tradurre

0%

Vai al contenuto

The DOM and an interactive transaction form

Intermedio~35 min0/4 passaggi

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.

Istruzioni

1

Select the form and list with querySelector.

Suggerimento: document.querySelector('#transaction-form')

Dove va scritto?

// Listen for submit, prevent the refresh, push an object, and render.

Scrivilo alla riga 6: sotto quel commento, dopo il codice che hai già aggiunto.

2

Create renderTransactions and render array items with map.

3

Listen for submit and call preventDefault.

4

Push a transaction object and render again.

Il tuo codice

html
6 righe
1
2
3
4
5
6

Anteprima dal vivo

Anteprima dal vivo