Ainda estamos traduzindo esta lição para Português. Por enquanto, você lê a versão em English.Ajude-nos a traduzir

0%

Pular para o conteúdo

The DOM and an interactive transaction form

Intermediário~35 min0/4 etapas

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.

Instruções

1

Select the form and list with querySelector.

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

Onde é que isto entra?

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

Escreva na linha 6 — abaixo desse comentário, depois do código que já adicionou.

2

Create renderTransactions and render array items with map.

3

Listen for submit and call preventDefault.

4

Push a transaction object and render again.

Seu Código

html
6 linhas
1
2
3
4
5
6

Pré-visualização ao Vivo

Pré-visualização ao Vivo