nodiadau: sut i greu ap JavaScript gyda @meigwilym
(thema'r wers heddiw yw'r ffilm "The Big Lebowski" - i ddod i adnabod y dyn ei hun gwyliwch hwn http://www.youtube.com/watch?v=xJjCnWm5cvE
Diolch i http://www.termau.org am y termau Cymraeg.
Angen: golygydd testun fel Notepad++ (Windows) neu TextWrangler (Mac)
Dw i wedi cael trafferth gyda chollnod mewn Google Docs. Dw i’n wneud copio/gludo yn hytrach na teipio. Bydd yn ofalus. - Carl
Eloquent JavaScript
http://eloquentjavascript.net/paper.html
gallu teipio ar y dde
a gweld canlyniadau ar y chwith
newidynnau (variables)
ti’n cadw testun mewn llinyn (string)
cod:
// gwers 1
// newidynnau (variables)
var enw = "Helo byd";
print(enw);
cod 2:
// gwers 2
// newidynnau (variables)
var enw = "Gwyn";
var enw2 = "eich";
var enw3 = "byd";
print(enw);
print(enw2);
print(enw3);
cod 3 - cyfanrifau (integers):
cyfanrif ydy rhywbeth fel 50 neu 1001200. (pwynt arnawf, neu floating point, ydy rhywbeth fel 3.14 neu 5.5)
JavaScript yn ‘wan’ o ran mathau o newidyn (weakly typed language), does dim angen datgan y math o newidyn
var enw = "Gwyn";
var oed = 1;
var enw2 = "eich";
var oed2 = 2;
var enw3 = "byd";
var oed3 = 3;
print(enw);
print(oed);
print(enw2);
print(oed2);
print(enw3);
print(oed3);
cod 3a - arae (array):
var dude = new Array();
cod 3b - arae (array):
var dude = new Array('Dude', 'Duder', 'His Dudeness', 'El Duderino');
var dude2 = ['Dude', 'Duder', 'His Dudeness', 'El Duderino'];
print(dude2);
print(dude2.length);
cod 3c - arae (array), cydgadwynedd (concatenation) o linynau:
var guys = ['don', 'benny', 'melvin'];
print('shwmae '+guys[0]);
print('shwmae '+guys[1]);
print('shwmae '+guys[2]);
cod 4 - dolen (loop):
var guys = ['don', 'benny', 'melvin', 'rhodri', 'gwyneth', 'gwalchmai', 'jeff', 'th parry williams'];
// for loop
for(i in guys)
{
print('shwmae '+guys[i]);
}
//gellir hefyd
for(var i =1; i<=10; i++)
{
print(i+' ah ah ahh');
}
cod 5 - heb os ac oni bae!
var oedranwalter = 51;
if (oedranwalter > 50) {
print('Mae Walter yn henish');
}
else {
print('Mae Walter yn ifanc');
}
cod 6 - ffwythiant (functions)
print('mae print() yn ffwythiant');
function adio1(rhif)
{
var dychwelyd;
dychwelyd = rhif + 1;
return dychwelyd;
}
print(adio1(1));
var canlyniad = adio1(1);
print(canlyniad);
cod 7 - gwrthrychau (objects)
// creu gwrthrych gwag
var walter = {};
// priodweddau
walter.enw = 'Walter';
walter.oed = 52;
walter.info = function()
{
print('Mae ' + this.enw + ' yn ' + this.oed + ' mlwydd oed.');
}
walter.info();
// tasg nesaf: newida’r cod i brintio 5 mlynedd, 2 flynedd ayyb
cod 8 - JSON
var guys = [
{ enw : "Dude", oed : 50, isLebowski : false },
{ enw : "Geoff", oed : 40, isLebowski : true },
{ enw : "Sioned", oed : 26, isLebowski : false },
{ enw : "Christine", oed : 60, isLebowski : false },
{ enw : "Robin", oed : 50, isLebowski : false },
];
for(i in guys)
{
print(guys[i].enw);
print(guys[i].oed);
}
//
function isLebowski(y_gwrthrych)
{
for(i in y_gwrthrych)
{
if (y_gwrthrych[i].isLebowski == true)
print(y_gwrthrych[i].enw + ' yw\'r Lebowski!');
else
print('Dyw ' + y_gwrthrych[i].enw + ' ddim yn Lebowski!');
}
}
isLebowski(guys);