Nous traduisons encore cette leçon en Français. Vous lisez la version English pour l'instant.Aidez-nous à traduire

0%

Aller au contenu

The DOM and an interactive transaction form

Intermédiaire~35 min0/4 étapes

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.

Instructions

1

Select the form and list with querySelector.

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

Où faut-il écrire ça ?

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

Écrivez-le à la ligne 6 — sous ce commentaire, après le code que vous avez déjà ajouté.

2

Create renderTransactions and render array items with map.

3

Listen for submit and call preventDefault.

4

Push a transaction object and render again.

Votre code

html
6 lignes
1
2
3
4
5
6

Aperçu en direct

Aperçu en direct