1
00:00:00,000 --> 00:00:00,310

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. Malan: Mari kita menerapkan web
Halaman yang menyapa pengguna, bersama

3
00:00:03,130 --> 00:00:06,830
cara mendemonstrasikan DOM, yang
dokumen model objek, atau pohon

4
00:00:06,830 --> 00:00:10,220
struktur yang benar-benar di bawah
hood ketika Anda membuat sebuah halaman web.

5
00:00:10,220 --> 00:00:11,440
>> Mari kita lihat.

6
00:00:11,440 --> 00:00:15,950
Di sini, di dom-0.html, perhatikan bahwa di dalam
tubuh halaman ', saya memiliki

7
00:00:15,950 --> 00:00:19,860
tag form, pengenal unik untuk
yang, kutipan tanda kutip, "demo."

8
00:00:19,860 --> 00:00:23,670
Sementara itu, saya juga memiliki onsubmit
atribut, atau dikenal sebagai peristiwa

9
00:00:23,670 --> 00:00:28,150
handler, onsubmit, yang menentukan bahwa
ketika formulir ini diajukan, a

10
00:00:28,150 --> 00:00:30,800
fungsi yang tampaknya disebut
menyapa harus dieksekusi.

11
00:00:30,800 --> 00:00:32,960
Dan kemudian salah harus dikembalikan.

12
00:00:32,960 --> 00:00:33,830
>> Mengapa palsu?

13
00:00:33,830 --> 00:00:36,850
Yah, aku tidak benar-benar ingin menyerahkan
formulir ini ke server Web terpencil di

14
00:00:36,850 --> 00:00:37,810
cara tradisional.

15
00:00:37,810 --> 00:00:40,850
Saya ingin menghindari bentuk yang
diajukan dan melakukan sesuatu dengan itu

16
00:00:40,850 --> 00:00:42,690
sisi klien menggunakan JavaScript.

17
00:00:42,690 --> 00:00:44,010
Memang, perhatikan di sini.

18
00:00:44,010 --> 00:00:47,290
Pada kepala halaman web saya, saya memiliki
tag script, yang di dalamnya adalah

19
00:00:47,290 --> 00:00:49,420
awal dari fungsi yang
disebut menyapa.

20
00:00:49,420 --> 00:00:51,040
>> Apa yang saya benar-benar ingin lakukan?

21
00:00:51,040 --> 00:00:54,530
Nah, dalam greet, mari kita hanya
memanggil fungsi waspada.

22
00:00:54,530 --> 00:00:57,770
Dan kemudian mencetak sesuatu
seperti halo, dengan spasi.

23
00:00:57,770 --> 00:01:01,460
Dan kemudian menggabungkan ke akhir
itu hasil dari panggilan

24
00:01:01,460 --> 00:01:08,370
document.getElementById, menentukan
khususnya pengenal unik,

25
00:01:08,370 --> 00:01:10,070
quote tanda kutip, "nama."

26
00:01:10,070 --> 00:01:13,670
>> Dan secara khusus, sekali kita sudah
elemen itu, node di pohon

27
00:01:13,670 --> 00:01:17,640
yang merupakan halaman web ini, mari kita
khusus mendapatkan nilai itu oleh

28
00:01:17,640 --> 00:01:19,320
nilai. Spesifikasi.

29
00:01:19,320 --> 00:01:22,060
Dan kemudian, hanya untuk bersenang-senang, mari kita
menggabungkan pada akhir sebuah yang

30
00:01:22,060 --> 00:01:23,730
tanda seru.

31
00:01:23,730 --> 00:01:28,460
>> Sekarang mari kita menyimpan file ini, buka
dalam browser, dan melihat halo.

32
00:01:28,460 --> 00:01:33,600
http://localhost/dom-0.html.

33
00:01:33,600 --> 00:01:34,670
>> Ada bentuk itu.

34
00:01:34,670 --> 00:01:36,530
Mari kita pergi ke depan dan ketik nama saya.

35
00:01:36,530 --> 00:01:38,530
Dilanjutkan dengan mengklik Kirim.

36
00:01:38,530 --> 00:01:39,910
Dan di sana kita melihat halo, David!

37
00:01:39,910 --> 00:01:42,410

38
00:01:42,410 --> 00:01:43,660
Itulah aku.

39
00:01:43,660 --> 00:01:44,363