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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. MALAN: Vamos a implementar una red
página que dice hola a un usuario, a lo largo de

3
00:00:03,130 --> 00:00:06,830
la forma en que demuestra el DOM, la
modelo de objetos de documentos, o el árbol

4
00:00:06,830 --> 00:00:10,220
estructura que realmente está por debajo de la
campana cuando se procesa una página web.

5
00:00:10,220 --> 00:00:11,440
>> Vamos a echar un vistazo.

6
00:00:11,440 --> 00:00:15,950
Aquí, en dom-0.html, observe que en el interior
del cuerpo de las páginas ', tengo un

7
00:00:15,950 --> 00:00:19,860
etiqueta de formulario, el identificador único para
que es, entre comillas, "demostración".

8
00:00:19,860 --> 00:00:23,670
Mientras tanto, también tengo un onsubmit
atribuir, también conocido como un evento

9
00:00:23,670 --> 00:00:28,150
manipulador, onsubmit, que especifica que
cuando se envía el formulario, un

10
00:00:28,150 --> 00:00:30,800
función que se llama al parecer
saludar deberían ser ejecutados.

11
00:00:30,800 --> 00:00:32,960
Y entonces falsa debe ser devuelto.

12
00:00:32,960 --> 00:00:33,830
>> ¿Por qué falso?

13
00:00:33,830 --> 00:00:36,850
Bueno, yo en realidad no quiero que presente
este formulario a un servidor web remoto en

14
00:00:36,850 --> 00:00:37,810
la manera tradicional.

15
00:00:37,810 --> 00:00:40,850
Quiero eludir esa forma
sumisión y hacer algo con él

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

17
00:00:42,690 --> 00:00:44,010
De hecho, cuenta aquí.

18
00:00:44,010 --> 00:00:47,290
A la cabeza de mi página web, tengo un
etiqueta de script, en el interior de los cuales es el

19
00:00:47,290 --> 00:00:49,420
inicios de esa función
llamado saludo.

20
00:00:49,420 --> 00:00:51,040
>> ¿Qué es lo que realmente quiero hacer?

21
00:00:51,040 --> 00:00:54,530
Bueno, dentro de saludo, vamos a simplemente
llamar a la función de alerta.

22
00:00:54,530 --> 00:00:57,770
Y luego imprimir algo
como hola, con un espacio.

23
00:00:57,770 --> 00:01:01,460
Y a continuación, concatenar en el extremo
de que el resultado de la llamada

24
00:01:01,460 --> 00:01:08,370
document.getElementById, especificando
específicamente, el identificador único,

25
00:01:08,370 --> 00:01:10,070
entre comillas, "nombre".

26
00:01:10,070 --> 00:01:13,670
>> Y específicamente, una vez que hemos recibido
ese elemento, el nodo en el árbol

27
00:01:13,670 --> 00:01:17,640
que representa a esta página web, vamos a
específicamente obtener su valor por

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

29
00:01:19,320 --> 00:01:22,060
Y entonces, sólo por diversión, vamos a
concatenar hasta el final de que un

30
00:01:22,060 --> 00:01:23,730
signo de exclamación.

31
00:01:23,730 --> 00:01:28,460
>> Ahora vamos a guardar el archivo, abrirlo
en un navegador, y ver un hola.

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

33
00:01:33,600 --> 00:01:34,670
>> Ahí está ese formulario.

34
00:01:34,670 --> 00:01:36,530
Vamos a seguir adelante y escriba en mi nombre.

35
00:01:36,530 --> 00:01:38,530
Seguido de hacer clic en Enviar.

36
00:01:38,530 --> 00:01:39,910
Y allí vemos hola, David!

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

38
00:01:42,410 --> 00:01:43,660
Ese soy yo.

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