11.06.2010

Dasar-Dasar JavaScript Episode 2

Hi guys,,, setelah mandeg beberapa hari saatnya kita menyantap lagi lezatya JavaScript lagi. Setelah kemarin kita kenalan sama javascript, sekarang kita akan mengenal javascript lebih jauh. Seperti pemrograman umumnya, selalu ada variable untuk menampung nilai-nilai yang akan digunakan dalam suatu program. Javascript ini termasuk program juga, yaitu program web based. Javascript juga mempunyai variabel-variabel yang berguna untuk menampung nilai-nilai data dalam web.

Penggunaan variabel pada javascript perlu dilakukan deklarasi terlebih dahulu. Hal ini dilakukan agar komputer mengenali nama variabel dan komputer akan memperlakukannya sebagai sebuah variabel. Deklarasi variabel di javascript ini tidak perlu mendefinisikan tipe datanya. Komputer akan secara otomatis mengenali tipe data apa yang digunakan. Contoh deklarasi:
var number1, number2, sum;
Variabel-variabel tersebut nantinya akan diisi oleh angka-angka integer. Kita bisa menulis JavaScipt pada body maupun head dari html. Berikut contoh scriptnya:
<html>
<head>
<title>JavaScript Episode 2</title>
<script type="text/javascript">
    var number1, number2, sum;     // deklarasi variabel
    
    number1 = 10;
    number2 = 5;
    sum = number1 + number2;
    
    document.writeln("The first number is "+ number1 +"<br />");
    document.writeln("The second number is "+ number2 +"<br />");
    document.writeln("The sum of first and second numbers is "+ sum );
</script>
</head>
<body>
</body>
</html>
Hailnya setelah dalam Firefox:














Variabel number1 diisi dengan angka 10, dan variabel2 diisi dengan angka 5. Perhatikan script "//" yang diikuti dengan kalimat "deklarasi variabel". Script tersebut bernama comment untuk memberikan keterangan tambahan pada script dan tidak akan dieksekusi oleh komputer. Comment juga dapat berbentuk /* (kalimat) */. Variabel juga bisa diisi dengan string. Berikut scriptnya:
<html>
<head>
<title>JavaScript Episode 2</title>
<script type="text/javascript">
    var nama1, tempat_lahir, tanggal_lahir, alamat;  // deklarasi variabel
    
    nama = "Angga";
    tempat_lahir = "Ponorogo";
    tanggal_lahir = "26 Agustus 1989";
    alamat = "Surabaya";
    
    document.writeln( "<h2>Data Diri</h2>" );
    document.writeln( "Nama : " + nama + "<br />");
    document.writeln( "Tempat/Tgl Lahir : " + tempat_lahir + "/" 
                + tanggal_lahir + "<br />");
    document.writeln( "Alamat : " + alamat );
</script>
</head>
<body>
</body>
</html>
Hasilnya:














Variabel string bisa diconvert ke integer dengan memakai fungsi parsent("string"). Berikut contohnya:
<html>
<head>
<title>JavaScript Episode 2</title>
<script type="text/javascript">
    var stringNumb1, 
        stringNumb2,
        number1,
        number2, 
        sum;                 // deklarasi variabel
    
    stringNumb1 = "100";     // sebuah string karena diapit oleh "..." 
    stringNumb2 = "50";      // sebuah string karena diapit oleh "..." 
    
    number1 = parseInt(stringNumb1);     // convert string ke integer
    number2 = parseInt(stringNumb2);    // convert string ke integer
    
    sum = number1 + number2;
    
    document.writeln("The first string is "+ stringNumb1 +"<br />");
    document.writeln("The second string is "+ stringNumb2 +"<br />");
    document.writeln("The first number is "+ number1 +"<br />");
    document.writeln("The second number is "+ number2 +"<br />");
    document.writeln("The sum of first and second numbers is "+ sum );
</script>
</head>
<body>
</body>
</html>
Hasilnya:

Tidak ada komentar:

Posting Komentar

powered by Blogger | WordPress by Newwpthemes