JavaScript untuk noobs

Satu mende yang aku baru belajar semenjak aku baru tukar kompeni ni, adalah javascript.
ramai orang tau dalam webpage ada javascript, tapi tak ramai yang tau macam mane nak create javascript dalam page.

aku rasa, part yang paling susah skali bab nak blajar javascript ni, ialah ade banyak sangat vocab baru yang tadek dalam C#..

aku rasa, cara paling senang nak blajar JavaScript ni, ialah blajar yang paling basic skali. Kita start macam biasa, kita ada satu web page (*.aspx page) dan di dalamnya ada script tag <script></script>
dalam aspx page kita, kita ada satu a href, macam ni, di mana onclicknya ada backToAlbums

<a href="javascript:void(0)" onclick="backToAlbums()">

dan dalam <script> kita ada definition of backToAlbums

<script type="text/javascript">
 function backToAlbums() {
    if (runningEffect) return;
    runningEffect = true;
    $("#albumWrapper").show();
    $("#content").css("margin-left", $("#albumWrapper").width() * -1);            
    $("#content").animate({
       marginLeft: 0,
    }, 1000, function () {
    $("#photos").html("");
    if(offsetY != 0)
       $('body').animate({ scrollTop: offsetY }, 400);
    runningEffect = false;
    });            
}
</script>

abaikan tatabahasa yang susah itu.
meh aku simplifykan sket javascript di atas

<script type="text/javascript">
 function backToAlbums() {
    var a = "Hello World!"
    alert (a);
}
</script>

Aku rasa korang dah buleh paham kan code di atas. tak perlu nak terang kot. Meh kita komplekskan sikit javascript method kita, di mana kita taruk parameter kat dalam.

<a href="javascript:void(0)" onclick="backToAlbums('Harry Potter','Wizard')">

pastu kat javascript kita buat macam ni

<script type="text/javascript">
 function backToAlbums(a,b) {
    alert ("Welcome " + a + ", the " + b);
}

OK, so, tu secara basic penggunaan method dalam javaScript.
Of course, korang buleh la letak segala macam logic macam if.. else, switch dan ape ape saje logic yang korang suka kat dalam function tersebut.

ape yang korang perlu tau, ialah macam mane nak letak value daripada textbox, label, atau ape ape saje control yang lain dalam javascript tersebut. cer korang scroll up, dan nampak part di mana javascript asal aku tadi penuh dengan tanda ringgit ($), tanda hash (#) segala. macam tu la korang identify control dalam JavaScript.

macam mane? nantikan pelajaran seterusnya. eh.