1 00:00:00,000 --> 00:00:00,380 2 00:00:00,380 --> 00:00:03,000 >> Oratè 1: Koulye a, nan ki sot pase a egzanp, sonje ke nou antremele kèk 3 00:00:03,000 --> 00:00:07,170 JavaScript Kòd andedan nan HTML m 'yo, espesyalman, andedan nan valè a nan 4 00:00:07,170 --> 00:00:10,460 atribi yo rele Sou Soumèt pou sa tag fòm. 5 00:00:10,460 --> 00:00:12,850 Koulye a, pou paj piti, sa a se pa tankou yon kontra gwo. 6 00:00:12,850 --> 00:00:15,950 Men, jan yon paj wèb li vin pi long ak plis ankò konplèks, tou senpleman mete ou 7 00:00:15,950 --> 00:00:19,660 JavaScript Kòd isit la epi gen andedan nan valè a nan atribi se pa nan 8 00:00:19,660 --> 00:00:20,830 pi bon konsepsyon. 9 00:00:20,830 --> 00:00:23,440 Pi bon si nou faktè ki deyò epi yo omwen mete l 'anndan 10 00:00:23,440 --> 00:00:25,200 tag nan script santralman. 11 00:00:25,200 --> 00:00:26,080 >> Ki jan yo fè sa? 12 00:00:26,080 --> 00:00:30,040 Oke kite la retounen nan tag fòm m 'ak premye efase atribi sa a ak li yo 13 00:00:30,040 --> 00:00:31,780 valè tout ansanm. 14 00:00:31,780 --> 00:00:35,730 Lè sa a, moute isit la, olye ke defini yon fonksyon rele Di, se pou yo kwoke sou 15 00:00:35,730 --> 00:00:39,405 nan liy lan nan kòd ki finalman nou ap toujou vle egzekite epi ranplase 16 00:00:39,405 --> 00:00:41,560 fonksyon an Di jan sa a. 17 00:00:41,560 --> 00:00:48,190 Document.get Eleman Pa ID site unquote Demo - 18 00:00:48,190 --> 00:00:52,410 kote Demo, sonje, se inik nan idantifyan pou fòm nan tèt li - 19 00:00:52,410 --> 00:00:56,600 dot sou soumèt, ki sonje se non an nan Handler a evènman nan ki 20 00:00:56,600 --> 00:00:57,710 nou ap enterese. 21 00:00:57,710 --> 00:01:01,990 Li kite yo bay ki sou soumèt Handler valè a ki nan aktyèlman yon 22 00:01:01,990 --> 00:01:03,740 fonksyone tèt li. 23 00:01:03,740 --> 00:01:06,390 >> Koulye a, remake ke mwen se pa aktyèlman rele yon fonksyon isit la. 24 00:01:06,390 --> 00:01:10,650 Mwen olye pou defini yon anonim, otreman li te ye kòm yon fonksyon LAMBDA, 25 00:01:10,650 --> 00:01:14,100 pa ki espesifye genyen ant sa yo aparèy òtopedik Curly yon pakèt moun sou kòd ki ta dwe 26 00:01:14,100 --> 00:01:15,490 aktyèlman ap egzekite. 27 00:01:15,490 --> 00:01:18,500 Espesyalman, kòd a ke mwen ta renmen al touye se ke liy ki mwen te gen 28 00:01:18,500 --> 00:01:23,370 anvan, epi Lè sa a, se pou yo ajoute nan ki retounen fo pou ke fòm sa a se pa 29 00:01:23,370 --> 00:01:26,950 finalman soumèt nan fen entènèt aleka sèvè nan chemen an tradisyonèl yo. 30 00:01:26,950 --> 00:01:30,345 >> Se pou nou kounye a sove sa a ranpli, louvri l ' nan yon navigatè, ak wè sa ki rive. 31 00:01:30,345 --> 00:01:33,050 32 00:01:33,050 --> 00:01:39,800 http://localhost/dom-1.html. 33 00:01:39,800 --> 00:01:43,060 Se pou nou kounye a tape nan non mwen, David la, Soumèt. 34 00:01:43,060 --> 00:01:46,900 E pa gen anyen sanble li te rive eksepte URL la nan paj mwen an sanble li 35 00:01:46,900 --> 00:01:52,580 te chanje tankou si fòm lan te aktyèlman soumèt nan dosye a menm. 36 00:01:52,580 --> 00:01:53,870 >> Koulye a, poukisa ke sa ta kapab? 37 00:01:53,870 --> 00:01:55,340 Byen mwen bezwen kèk plis enfòmasyon. 38 00:01:55,340 --> 00:01:58,700 Se konsa, kite a ale pi devan epi louvri moute Chrome a Developer Zouti pou m 'ka aktyèlman 39 00:01:58,700 --> 00:02:01,440 gade nan fenèt la konsole yo wè si mwen te fè yon move bagay. 40 00:02:01,440 --> 00:02:03,330 Mwen ka gen aksè a atravè yon koup la fason. 41 00:02:03,330 --> 00:02:07,250 Youn nan ki se atravè meni sa a isit la, Lè sa a, anba Zouti, lè sa a desann nan 42 00:02:07,250 --> 00:02:08,509 Developer Zouti. 43 00:02:08,509 --> 00:02:12,890 >> Apre sa, remake isit la nan tab la konsole, gen nan yon erè di ki kalite uncaught, yo pa kapab 44 00:02:12,890 --> 00:02:15,390 mete pwopriyete sou soumèt nan nil. 45 00:02:15,390 --> 00:02:16,900 Koulye a, poukisa ke sa ta kapab? 46 00:02:16,900 --> 00:02:21,380 Oke tounen nan Kòd sous m 'isit la, avi ki sou soum Mwen panse ke se yon 47 00:02:21,380 --> 00:02:25,360 pwopriyete eleman an ki gen idantifikatè inik ki se Demo. 48 00:02:25,360 --> 00:02:27,810 Yon eleman, ankò, se jis yon ne nan yon pyebwa. 49 00:02:27,810 --> 00:02:30,870 >> Se konsa, li parèt ke navigatè mwen an fè sa ki pa panse ke ki eleman 50 00:02:30,870 --> 00:02:32,500 oswa ne egziste ankò. 51 00:02:32,500 --> 00:02:33,790 Ak tout bon, li pa fè sa. 52 00:02:33,790 --> 00:02:37,690 Sonje byen, se yon paj wèb parcouru oswa li pa yon navigatè entènèt, anwo jouk anba, 53 00:02:37,690 --> 00:02:38,430 gòch a dwat. 54 00:02:38,430 --> 00:02:41,810 Se konsa, lè JavaScript Kòd se rankontre, tipikman, li te egzekite 55 00:02:41,810 --> 00:02:42,700 touswit. 56 00:02:42,700 --> 00:02:46,460 >> Men, nan ka sa a, nou pa gen menm vinn ankò nan pati a nan Dom a, nan 57 00:02:46,460 --> 00:02:51,100 HTML, nan ki fòm sa a ak yon inik te idantifyan Demo yo te deklare. 58 00:02:51,100 --> 00:02:54,320 Se konsa, nou ap eseye egzekite mwen JavaScript Kòd anvan sa ne menm 59 00:02:54,320 --> 00:02:58,530 egziste nan pye bwa a ki, nan kou, se pwoblèm paske lè sa a, siman, 60 00:02:58,530 --> 00:03:01,390 eleman nan tèt li pral nil nan ki pwen nan tan. 61 00:03:01,390 --> 00:03:02,390 >> Se konsa, kouman yo korije? 62 00:03:02,390 --> 00:03:03,810 Oke nou gen yon koup nan solisyon yo. 63 00:03:03,810 --> 00:03:07,200 Men, kite a eseye pi senp la pa chanje lokal tag script m 'soti nan tèt la 64 00:03:07,200 --> 00:03:11,560 tag nan kò m ', men espesyalman, nan direksyon anba a nan kò paj mwen an pou 65 00:03:11,560 --> 00:03:14,170 ke li nan anba a ne yo ak kesyon yo. 66 00:03:14,170 --> 00:03:19,930 Espesyalman, se pou yo mete aksan sou e li te koupe tag nan ouvè ak tag fèmen pou script 67 00:03:19,930 --> 00:03:24,720 ak deplase ke blòk antye nan Kòd nan fon an nan dosye a isit la. 68 00:03:24,720 --> 00:03:27,690 >> Koulye a, sa a se pa nesesèman propr a desine, men omwen li pral 69 00:03:27,690 --> 00:03:29,530 ranfòse lòd ki dwat nan operasyon yo. 70 00:03:29,530 --> 00:03:31,495 Se pou yo sove dosye a ak Reload nan navigatè m 'yo. 71 00:03:31,495 --> 00:03:34,620 72 00:03:34,620 --> 00:03:40,240 Se pou yo Reload paj la, re-D 'non mwen, epi gen, Bonjou David se tounen. 73 00:03:40,240 --> 00:03:42,784