File tree 4 files changed +7
-5
lines changed
samples/tutorials/word-viewer/06
site/tutorials/content/word-viewer
4 files changed +7
-5
lines changed Original file line number Diff line number Diff line change 1
1
< script type ="module " src ="word-viewer.js "> </ script >
2
2
3
- < word-viewer words ="👋.from.html "> </ word-viewer >
3
+ < word-viewer words ="1.2.3.4 "> </ word-viewer >
Original file line number Diff line number Diff line change 1
1
< script type ="module " src ="word-viewer.js "> </ script >
2
2
3
- < word-viewer words ="👋.from.html "> </ word-viewer >
3
+ < word-viewer words ="1.2.3.4 "> </ word-viewer >
Original file line number Diff line number Diff line change 1
- In this tutorial you will invent your own HTML element: ` <word-viewer> ` .
2
- You can see it on the right!
1
+ In this tutorial you will invent your own HTML element: ` <word-viewer> ` . It's in
2
+ the proud tradition of other useful elements like ` <marquee> ` and ` <blink> ` ! You
3
+ can see it on the right!
3
4
4
5
The ` word-viewer ` component takes a list of words separated by periods, and
5
6
shows them one at a time. You use it in HTML like this:
Original file line number Diff line number Diff line change @@ -40,7 +40,8 @@ attribute changes.
40
40
41
41
You should now see ` initial value ` in the preview.
42
42
43
- Before moving on, set ` words ` from an attribute.
43
+ Before moving on, change to the ` index.html ` file and set ` words ` from an
44
+ attribute.
44
45
45
46
``` html
46
47
<!-- index.html -->
You can’t perform that action at this time.
0 commit comments