OLD | NEW |
| (Empty) |
1 --- | |
2 layout: default | |
3 title: Adding Elements to the DOM | |
4 live_example_url: /docs/tutorials/add-elements/examples/todo/todo.html | |
5 header: | |
6 css: ["/samples/samples.css"] | |
7 --- | |
8 | |
9 ## {{ page.title }} | |
10 | |
11 Enter text in the input field and press return. | |
12 | |
13 This app shows how to programmatically add an element to the DOM. | |
14 | |
15 In this example, when you press return, the event handler for the input | |
16 field creates a new <li> element and adds it to an existing <ul> list in the | |
17 DOM tree. When the DOM tree changes, the web page refreshes. | |
18 | |
19 Read this [tutorial](/docs/tutorials/add-elements/) for | |
20 more detail, or read the | |
21 [source](https://github.com/dart-lang/dart-tutorials-samples/tree/master/todo). | |
22 | |
23 <iframe class="running-app-frame" | |
24 style="height:400px;width:100%;" | |
25 src="{{page.live_example_url}}"> | |
26 </iframe> | |
27 | |
28 See all [samples](/samples/). | |
OLD | NEW |