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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. Malan: Gadewch i ni weithredu ar y we
dudalen sy'n dweud helo i ddefnyddiwr, ynghyd

3
00:00:03,130 --> 00:00:06,830
y ffordd dangos y DOM, y
model gwrthrych ddogfen, neu y goeden

4
00:00:06,830 --> 00:00:10,220
strwythur sy'n wir yn o dan y
cwfl pan fyddwch yn gwneud dudalen we.

5
00:00:10,220 --> 00:00:11,440
>> Gadewch i gymryd golwg.

6
00:00:11,440 --> 00:00:15,950
Yma, yn dom-0.html, yn sylwi bod y tu mewn
o gorff y tudalennau ', mae gennyf

7
00:00:15,950 --> 00:00:19,860
ffurflen tag, dynodwr unigryw i
sydd, dyfynnwch unquote, "demo."

8
00:00:19,860 --> 00:00:23,670
Yn y cyfamser, yr wyf hefyd yn cael onsubmit
priodoli, a elwir fel arall fel digwyddiad

9
00:00:23,670 --> 00:00:28,150
triniwr, onsubmit, sy'n pennu y
pan fydd y ffurflen hon yn cael ei chyflwyno, mae

10
00:00:28,150 --> 00:00:30,800
swyddogaeth yn ôl pob golwg yn cael ei alw
Dylid cyfarch ei weithredu.

11
00:00:30,800 --> 00:00:32,960
Ac yna ffug dylid eu dychwelyd.

12
00:00:32,960 --> 00:00:33,830
>> Pam ffug?

13
00:00:33,830 --> 00:00:36,850
Wel, dydw i ddim mewn gwirionedd yn awyddus i gyflwyno
ffurflen hon i weinydd Gwe anghysbell yn

14
00:00:36,850 --> 00:00:37,810
y ffordd draddodiadol.

15
00:00:37,810 --> 00:00:40,850
Yr wyf am i osgoi y ffurflen
gyflwyno a gwneud rhywbeth yn ei gylch

16
00:00:40,850 --> 00:00:42,690
ar ochr cleientiaid yn defnyddio JavaScript.

17
00:00:42,690 --> 00:00:44,010
Yn wir, yn sylwi yma.

18
00:00:44,010 --> 00:00:47,290
Ar ben fy dudalen we, mae gennyf
tag sgript, y tu mewn ohonynt yw'r

19
00:00:47,290 --> 00:00:49,420
dechreuadau swyddogaeth honno
a elwir yn cyfarch.

20
00:00:49,420 --> 00:00:51,040
>> Beth ydw i'n ei eisiau mewn gwirionedd i'w wneud?

21
00:00:51,040 --> 00:00:54,530
Wel, tu mewn cyfarch, gadewch i ni yn syml
ffoniwch y swyddogaeth effro.

22
00:00:54,530 --> 00:00:57,770
Ac yna argraffu rhywbeth
fel helo, gyda bwlch.

23
00:00:57,770 --> 00:01:01,460
Ac yna concatenate ar y diwedd
o hynny y canlyniad o alw

24
00:01:01,460 --> 00:01:08,370
document.getElementByID, gan nodi
yn benodol y dynodwr unigryw,

25
00:01:08,370 --> 00:01:10,070
dyfyniad unquote, "enw."

26
00:01:10,070 --> 00:01:13,670
>> Ac yn benodol, ar ôl i ni wedi gotten
elfen honno, y nod yn y goeden

27
00:01:13,670 --> 00:01:17,640
sy'n cynrychioli y dudalen gwefan hon, gadewch i ni
yn benodol yn cael ei gwerth trwy

28
00:01:17,640 --> 00:01:19,320
pennu. gwerth.

29
00:01:19,320 --> 00:01:22,060
Ac yna, dim ond am hwyl, gadewch i ni
concatenate ar hyd at ddiwedd y byddai

30
00:01:22,060 --> 00:01:23,730
pwynt ebychnod.

31
00:01:23,730 --> 00:01:28,460
>> Gadewch i ni yn awr yn arbed y ffeil, agor
mewn porwr, ac yn gweld helo.

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

33
00:01:33,600 --> 00:01:34,670
>> Mae y ffurflen honno.

34
00:01:34,670 --> 00:01:36,530
Gadewch i ni fynd yn ei flaen a theipiwch yn fy enw i.

35
00:01:36,530 --> 00:01:38,530
Dilynir gan glicio Cyflwyno.

36
00:01:38,530 --> 00:01:39,910
Ac yno rydym yn gweld helo, David!

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

38
00:01:42,410 --> 00:01:43,660
Dyna fi.

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