Belajar Javascript

Javascript adalah sebuah bahasa scripting, atau bisa juga disebut lightweight programming language. Pada awalnya javascript hanya digunakan pada client side saja (browser), tapi dalam perkembangannya kini javascript sudah dapat digunakan untuk server side, PC, laptop, tablet, maupun smartphone.

Belajar Javascript

Javascript sebenarnya cukuplah mudah, kita dapat langsung menempelkan script dari javascript pada kode HTML yang kita punya, untuk menempelkan kode javascript pada html kita menggunakan tag <script></script>, selain ditempelkan langsung pada kode HTML kita juga bisa menempatkan internal javascript yang terdapat pada head, dengan menggunakan function maka kode javascript dapat dipanggil pada browser yang bersangkutan. Selain langsung menuliskan kode javascript pada file HTML yang bersangkutan, kita juga bisa meletakkan javascript di luar file HTML, file javascript external tersebut dapat dipanggil dengan menggunakan <script src="path to file"></script>

Hello World Javascript

Sekarang saya akan menunjukkan tiga jenis cara membuat hello world pada javascript.

<html>
    <head>
        <title>Belajar Javascript</title>
    </head>
    <body>
        <script>
            document.write("Hello World");
        </script>
    </body>
</html>

Javascript diatas akan menghasilkan output Hello World jika dijalankan pada browser.

 <html>
    <head>
        <title>Belajar Javascript</title>
    </head>
    <body>
        <script>
            alert("Hello World");
        </script>
    </body>
</html>

Javascript diatas menggunakan alert yang akan memunculkan popup seperti dibawah ini
javascript hello world

Dan yang ketiga kita akan menggunakan javascript yang diletakkan pada head untuk membuat suatu hello world
<!doctype html>
<html>
    <head>
        <title>Belajar Javascript</title>
        <script>
            function hello()
            {
                alert("hello world");
            }
        </script>
    </head>
    <body>
        <button onClick="hello()">Click me</button>
    </body>
</html>
Hasil dari kode di atas adalah seperti berikut
Cara yang kedua adalah seperti berikut:



Mudah bukan menggunakan javascript,. . :)
Biasanya saya menggunakan javascript untuk validasi ketika melakukan input data, memasukkan data tertentu, bahkan memanggil data menggunakan AJAX. Semuanya dapat dilakukan dengan menggunakan javascript, dalam pengembangannya javascript bahkan dapat digunakan untuk membuat aplikasi yang terlihat seperti desktop application.

Semoga bermanfaat, GBU





Post a Comment