Todavía estamos traduciendo esta lección al Español. Por ahora lees la versión en English.Ayúdanos a traducir

0%

Saltar al contenido

The DOM and an interactive transaction form

Intermedio~35 min0/4 pasos

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.

Instrucciones

1

Select the form and list with querySelector.

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

¿Dónde va esto?

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

Escríbelo en la línea 6: debajo de ese comentario, después del código que ya añadiste.

2

Create renderTransactions and render array items with map.

3

Listen for submit and call preventDefault.

4

Push a transaction object and render again.

Tu código

html
6 líneas
1
2
3
4
5
6

Vista previa en vivo

Vista previa en vivo