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.
실시간 미리보기
실시간 미리보기