1
00:00:00,000 --> 00:00:00,380

2
00:00:00,380 --> 00:00:03,000
>> SIARADWR 1: Nawr yn y enghraifft olaf,
dwyn i gof bod yn gymysg rhai

3
00:00:03,000 --> 00:00:07,170
JavaScript cod tu mewn fy HTML,
yn benodol, y tu mewn o werth

4
00:00:07,170 --> 00:00:10,460
y priodoledd a elwir Ar Cyflwyno
ar gyfer y ffurf tag.

5
00:00:10,460 --> 00:00:12,850
Yn awr ar gyfer tudalennau bach, mae hyn yn
Nid yw mor bwysig â hynny.

6
00:00:12,850 --> 00:00:15,950
Ond fel tudalen ar y we yn mynd yn hirach ac yn fwy
gymhleth, yn syml roi eich

7
00:00:15,950 --> 00:00:19,660
JavaScript cod yma ac acw y tu mewn
o beidio â gwerth o nodweddion yw'r

8
00:00:19,660 --> 00:00:20,830
dyluniad gorau.

9
00:00:20,830 --> 00:00:23,440
Orau os ydym yn ffactor hynny allan a
o leiaf roi y tu mewn o

10
00:00:23,440 --> 00:00:25,200
y tag sgript yn ganolog.

11
00:00:25,200 --> 00:00:26,080
>> Sut i wneud hyn?

12
00:00:26,080 --> 00:00:30,040
Wel gadewch i ni ddychwelyd at fy ffurflen tag a
yn gyntaf dileu priodoledd hwn a'i

13
00:00:30,040 --> 00:00:31,780
gwerthfawrogi yn gyfan gwbl.

14
00:00:31,780 --> 00:00:35,730
Yna i fyny yma, yn hytrach na diffinio
swyddogaeth o'r enw Cyfarch, gadewch i hongian ar

15
00:00:35,730 --> 00:00:39,405
i'r llinell o god yn y pen draw ni
Bydd yn dal yn awyddus i weithredu a rhoi yn ei le

16
00:00:39,405 --> 00:00:41,560
y swyddogaeth cyfarch fel a ganlyn.

17
00:00:41,560 --> 00:00:48,190
Document.get Elfen Erbyn ID
Dyfynnwch demo unquote -

18
00:00:48,190 --> 00:00:52,410
lle y demo, galw i gof, yn unigryw
dynodwr ar gyfer y ffurflen ei hun -

19
00:00:52,410 --> 00:00:56,600
dot ar gyflwyno, sy'n dwyn i gof yn yr enw
y triniwr ddigwyddiad lle

20
00:00:56,600 --> 00:00:57,710
rydym yn diddordeb.

21
00:00:57,710 --> 00:01:01,990
A gadewch i ni neilltuo hynny ar gyflwyno trin
y gwerth mewn gwirionedd

22
00:01:01,990 --> 00:01:03,740
weithredu ei hun.

23
00:01:03,740 --> 00:01:06,390
>> Nawr yn sylwi nad wyf mewn gwirionedd yn
yn galw swyddogaeth yma.

24
00:01:06,390 --> 00:01:10,650
Im 'yn lle hynny diffinio dienw,
elwir fel arall yn swyddogaeth lamda,

25
00:01:10,650 --> 00:01:14,100
drwy bennu rhwng braces cyrliog hyn
criw o god y dylai

26
00:01:14,100 --> 00:01:15,490
mewn gwirionedd yn cael ei weithredu.

27
00:01:15,490 --> 00:01:18,500
Yn benodol, y cod y byddwn i'n hoffi
i weithredu yw bod llinell fy mod wedi

28
00:01:18,500 --> 00:01:23,370
o'r blaen, ac yna gadewch i ni ychwanegu at y
dychwelyd ffug fel na ffurflen hon yn

29
00:01:23,370 --> 00:01:26,950
gyflwyno yn y pen draw i roi terfyn ar y we o bell
gweinydd yn y ffordd draddodiadol.

30
00:01:26,950 --> 00:01:30,345
>> Gadewch i ni yn awr yn arbed y ffeil, agor i fyny
mewn porwr, a gweld beth sy'n digwydd.

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
Gadewch i ni yn awr deipio yn fy enw i,
David, Cyflwyno.

34
00:01:43,060 --> 00:01:46,900
A dim byd pe bai wedi digwydd
ac eithrio URL fy dudalen yn ymddangos i

35
00:01:46,900 --> 00:01:52,580
wedi newid fel bod y ffurflen yn
gyflwyno mewn gwirionedd i'r un ffeil.

36
00:01:52,580 --> 00:01:53,870
>> Nawr, beth allai fod?

37
00:01:53,870 --> 00:01:55,340
Wel angen rhagor o wybodaeth arnaf.

38
00:01:55,340 --> 00:01:58,700
Felly, gadewch i ni fynd yn ei flaen ac yn agor i fyny Chrome yn
Offer Datblygwr er mwyn i mi mewn gwirionedd yn gallu

39
00:01:58,700 --> 00:02:01,440
edrych ar y ffenestr consol i weld
os ydw i wedi gwneud rhywbeth o'i le.

40
00:02:01,440 --> 00:02:03,330
Gallaf gael gafael ar hynny drwy
cwpl o ffyrdd.

41
00:02:03,330 --> 00:02:07,250
Un o'r rhain yw trwy ddewislen hon yma,
yna o dan Tools, yna i lawr i

42
00:02:07,250 --> 00:02:08,509
Offer datblygwr.

43
00:02:08,509 --> 00:02:12,890
>> Ac yn sylwi yma yn y tab Consol,
mae 'na gwall math uncaught, ni all

44
00:02:12,890 --> 00:02:15,390
gosod eiddo ar gyflwyno o null.

45
00:02:15,390 --> 00:02:16,900
Nawr, beth allai fod?

46
00:02:16,900 --> 00:02:21,380
Wel, yn ôl yn fy cod ffynhonnell yma, rhybudd
hynny ar gyflwyno fy marn i

47
00:02:21,380 --> 00:02:25,360
eiddo i'r elfen y mae eu
dynodwr unigryw yw demo.

48
00:02:25,360 --> 00:02:27,810
Elfen, unwaith eto, yn unig
yn nod mewn coeden.

49
00:02:27,810 --> 00:02:30,870
>> Felly, mae'n ymddangos nad yw fy porwr yn
yn credu bod yr elfen honno

50
00:02:30,870 --> 00:02:32,500
neu nod yn bodoli eto.

51
00:02:32,500 --> 00:02:33,790
Ac yn wir, nid yw'n.

52
00:02:33,790 --> 00:02:37,690
Dwyn i gof bod tudalen ar y we yn cael ei parsed neu ddarllen
gan borwr gwe, top i'r gwaelod,

53
00:02:37,690 --> 00:02:38,430
chwith i'r dde.

54
00:02:38,430 --> 00:02:41,810
Ac felly pan cod JavaScript
dod ar eu traws, fel arfer, mae'n cael ei gyflawni

55
00:02:41,810 --> 00:02:42,700
ar unwaith.

56
00:02:42,700 --> 00:02:46,460
>> Ond yn yr achos hwn, nid ydym wedi gotten hyd yn oed
eto y rhan o'r dom, y

57
00:02:46,460 --> 00:02:51,100
HTML, lle y ffurflen gyda unigryw
demo dynodwr wedi cael ei ddatgan.

58
00:02:51,100 --> 00:02:54,320
Ac felly rydym yn ceisio i weithredu fy
JavaScript cod i mewn cyn y nod, hyd yn oed

59
00:02:54,320 --> 00:02:58,530
yn bodoli yn y goeden sydd, wrth gwrs, yw
broblematig oherwydd wedyn, yn sicr,

60
00:02:58,530 --> 00:03:01,390
bydd yr elfen hun yn null
ar yr adeg honno.

61
00:03:01,390 --> 00:03:02,390
>> Felly, sut i drwsio?

62
00:03:02,390 --> 00:03:03,810
Wel mae gennym gwpl o atebion.

63
00:03:03,810 --> 00:03:07,200
Ond gadewch i ni roi cynnig ar y symlaf drwy adleoli
fy tag sgript gan y pennaeth

64
00:03:07,200 --> 00:03:11,560
tagio i fy nghorff, ond yn benodol, tuag at
waelod y corff fy dudalen fel eu

65
00:03:11,560 --> 00:03:14,170
ei fod yn is na'r nodau
a chwestiynau.

66
00:03:14,170 --> 00:03:19,930
Yn benodol, gadewch i ni amlygu a thorri
y tag agored a dag cau'r sgript

67
00:03:19,930 --> 00:03:24,720
a symud y bloc cyfan o god
i waelod y ffeil yma.

68
00:03:24,720 --> 00:03:27,690
>> Yn awr nid yw hyn o reidrwydd yw'r glanaf
dylunio, ond o leiaf bydd yn

69
00:03:27,690 --> 00:03:29,530
orfodi'r gorchymyn cywir o weithrediadau.

70
00:03:29,530 --> 00:03:31,495
Gadewch i arbed y ffeil a
ail-lwytho yn fy porwr.

71
00:03:31,495 --> 00:03:34,620

72
00:03:34,620 --> 00:03:40,240
Gadewch i ni ail-lwytho y dudalen, ail-mewnbwn fy enw,
ac yno, Helo David yn ei ôl.

73
00:03:40,240 --> 00:03:42,784