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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. MALAN: Vamos implementar uma web
página que diz Olá para um usuário, juntamente

3
00:00:03,130 --> 00:00:06,830
o que demonstra a forma de DOM, o
modelo de objeto de documento, ou a árvore

4
00:00:06,830 --> 00:00:10,220
estrutura que é realmente sob a
capô quando você processar uma página web.

5
00:00:10,220 --> 00:00:11,440
>> Vamos dar uma olhada.

6
00:00:11,440 --> 00:00:15,950
Aqui, dom-0.html, observe que dentro
do corpo das páginas, eu tenho um

7
00:00:15,950 --> 00:00:19,860
forma tag, o identificador exclusivo para
que é, entre aspas, "demonstração".

8
00:00:19,860 --> 00:00:23,670
Enquanto isso, eu também tenho um onsubmit
atribuir, de outro modo conhecida como um evento

9
00:00:23,670 --> 00:00:28,150
manipulador, onsubmit, que especifica que
quando este formulário é enviado, um

10
00:00:28,150 --> 00:00:30,800
função que é aparentemente chamado
cumprimentar deve ser executado.

11
00:00:30,800 --> 00:00:32,960
E então falso deve ser devolvido.

12
00:00:32,960 --> 00:00:33,830
>> Por falsa?

13
00:00:33,830 --> 00:00:36,850
Bem, eu realmente não querem se submeter
este formulário em um servidor Web remoto

14
00:00:36,850 --> 00:00:37,810
da maneira tradicional.

15
00:00:37,810 --> 00:00:40,850
Eu quero contornar essa forma
submissão e fazer algo com ele

16
00:00:40,850 --> 00:00:42,690
do lado do cliente usando JavaScript.

17
00:00:42,690 --> 00:00:44,010
De fato, observe aqui.

18
00:00:44,010 --> 00:00:47,290
Na cabeça da minha página web, eu tenho um
tag script, dentro dos quais é o

19
00:00:47,290 --> 00:00:49,420
primórdios de que a função
chamado cumprimentar.

20
00:00:49,420 --> 00:00:51,040
>> O que eu realmente quero fazer?

21
00:00:51,040 --> 00:00:54,530
Bem, dentro de cumprimentar, vamos simplesmente
chamar a função de alerta.

22
00:00:54,530 --> 00:00:57,770
E, em seguida, imprimir algo
como Olá, com um espaço.

23
00:00:57,770 --> 00:01:01,460
E, em seguida, para a extremidade concatenar
de que o resultado da chamada

24
00:01:01,460 --> 00:01:08,370
document.getElementById, especificando
especificamente, o identificador único,

25
00:01:08,370 --> 00:01:10,070
entre aspas, "nome".

26
00:01:10,070 --> 00:01:13,670
>> E, especificamente, uma vez que temos obtido
esse elemento, o nó da árvore

27
00:01:13,670 --> 00:01:17,640
que representa esta página web, vamos
especificamente se o seu valor por

28
00:01:17,640 --> 00:01:19,320
especificando. valor.

29
00:01:19,320 --> 00:01:22,060
E então, apenas por diversão, vamos
concatenar para o fim de que um

30
00:01:22,060 --> 00:01:23,730
ponto de exclamação.

31
00:01:23,730 --> 00:01:28,460
>> Vamos agora salvar o arquivo, abra-o
em um navegador, e veja um Olá.

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

33
00:01:33,600 --> 00:01:34,670
>> Há esse formulário.

34
00:01:34,670 --> 00:01:36,530
Vamos em frente e digite o meu nome.

35
00:01:36,530 --> 00:01:38,530
Seguido de clicar em Enviar.

36
00:01:38,530 --> 00:01:39,910
E não vemos Olá, David!

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

38
00:01:42,410 --> 00:01:43,660
Esse sou eu.

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