Skip to content Skip to sidebar Skip to footer
loading...

Pengertian Javascript Beserta Contoh Penggunaan dan Fungsi JavaScript


Pengenalan Javascript Beserta Contoh Penggunaan JavaScript
A. Pengertian JavaScript
JavaScript adalah bahasa yang digunakan untuk membuat program yang digunakan agar dokument HTML yang ditampilkan pada sebuah Browser menjadi lebih interaktif, tidak sekedar indah saja. JavaScript memberikan beberapa fungsionalitas ke dalam halaman web, sehingga dapat menjadi sebuah program yang disajikan dengan menggunakan antar muka web.

Baca Juga : Cara Membuat Alert di Web Dengan JavaScript

JavaScript merupakan bahasa script, yaitu bahasa yang tidak memerlukan kompiler untuk dapat menjalankanya, tetapi cukup dengan Interpreter. Tidak perlu ada proses kompilasi terlebih dahulu agar program dapat dijalankan. Browser web Netscape Naviagtor dan Internet Exploler adalah salah satu contoh dari salah banyak interpreter, karena kedua browser ini telah dilengkapi dengan Interpreter JavaScript. Tetapi tidak semua browser web dapar menjadi interpreter javascript karena belum tentu browser tersebut dilengkapi dengan interpreter JavaScript.

JavaScript adalah bahasa pemrograman yang ringan dan mudah untuk digunakan. Dengan adanya JavaScript ini, maka kini halaman web tidak sekedar menjadi  halaman data dan informasi saja, tetapi juga menjadi suatu program aplikasi dengan antarmuka web.

Untuk menjalankan javascript, kita hanya membutuhkan aplikasi text editor, dan web browser. Javascript memiliki fitur: high-level programing language, client-side, loosely tiped, dan berorientasi objek.

Baca Juga : Cara Membuat Confirm Box dengan JavaScript

Ada 3 macam cara penulidan tag javascript, yaitu;
  1. Menuliskan Tag dengan diawali <script type=”text/javascript” > dan diakhir dengan </script> atribut yang menginformasikan kepada browser bahwaprogram script yang ada dalam tag tersebut adalah javascript dalam format text.
  2. Menuliskan Tag dengan diawali <script language=”javascript” > dan diakhir dengan </script> atribut ini digunakan dengan tujuan untuk menentukan versi dari javascript yang digunakan, sebagai contoh <script language=”javascript1.2”> menyatakan bahwa javascript yang kita gunakan adalah versi 2.1.
  3. Menuliskan Tag dengan diawali <script language=”javascript” type=”text/javascript” > dan diakhir dengan </script> cara campuran ini yaitu penulisan lama dan penulisan baru disatukan, dilakukan untuk mengantisipasi pengakses halaman web yang masih menggunakan browser web yang mendukung javascript, tetapi belum mendukung HTML

B. Fungsi Javascript
Javascript memungkinkan pemrograman web untuk:
  • Memiliki piranti pembuatan program dalam web.
  • Membaca dan menulis elemen HTML ke dalam suatu halaman web. Program javascript dapat mengubah isi elemen web yang sedang ditampilkan.
  • Membuat halaman web lebih dinamis, karena kita bisa menyisipkan juga elemen web ke dalam javascript.
  • Memberikan reaksi kepada suatu kejadian diatas halaman web yang sedang ditampilkan, miasalnya ada kejadian tombol kanan mouse diklik di halaman web, maka dengan javascript kita dapat menambahkan suatu program agar dilakukan suatu reaksi atau eksekusi program tertentu apabila ada kejadian penekanan tombol mouse.
  • Menjadikan halaman web menjadi suatu aplikasi berbasis web yang dapat berjalan di atas browser web. Halaman web tidak menjadi tampilan data dan informasi saja, tetapi juga menjadi aplikasi untuk berinteraksi dengan penggunanya, memproses data di browser, menerima dan memvalidasi data sebelum dikirimkan ke server.
  • Mendeteksi Browser yang digunakan oleh pengguna, sehingga kita bisa menyajikan informasi yang berhubungan dengan browser web yang digunakan oleh pengguna.
  • Membuat cookie, atau suatu kode yang digunakan untuk menyimpan dan mengambil data dan informasi dari browser pengunjung .
Untuk menambahkan Script javascript pada dokumen HTML, anda dapat menggunakan tag script dan diletakkan di dalam head atau di area manapun di dalam tag body.

<head>
     <title>Javascript</title>
     <script type=‚text/javascript‛>
           … Script javascript diketik disini…
     </script>
</head>
Saya akan memberikan contoh sederhana dari javascript ini, tambahkan script berikut pada latihan sebelumnya atau anda dapat membuat file HTML baru dengan nama file javascript.html lalu ketikan kode berikut:

Script tersebut akan menampilkan MessageBox dengan teks “Hello I am Javascript” ketika file HTML dibuka. Hasil dari kode diatas seperti ini kira-kira:

Contoh Penggunaan JavaScript

Berikut contoh lain dari penggunaan Javascript, silahkan buat file baru dan simpan dengan nama javascript2.html lalu ketikkan kode berikut:



Penjelasan Script :
Pertama, kita buat sebuah variabel nama. Kemudian kita meminta Javascript untuk menanyakan nama pengunjung lalu menyimpannya di dalam variabel nama.
Selanjutnya, Kita memilih, apakah variabel nama terisi (pengunjung mengetikkan nama), maka akan ditampilkan Message Box dengan teks “Apa kabar (Nama yang dimasukkan)!, Senang berkenalan dengan Anda”.
Jika pengunjung tidak memasukkan nama (langsung mengklik ok atau cancel) maka akan ditampilkan message box “Hhmm sepertinya anda tidak mau berkenalan dengan saya.”.
Hasil dari kode diatas akan seperti ini jika ana mengisikan nama anda:

Contoh Penggunaan JavaScript
Contoh Penggunaan JavaScript

 Hasil ketika anda tidak menginputkan nama anda:

Contoh Penggunaan JavaScript

Script tersebut adalah contoh sederhana dari penggunaan Javascript, Anda dapat mempelajarinya secara lanjut di http://www.w3schools.com/js/.

Nah Bagaimana…? apakah sekarang kamu sudah mengerti apa itu yang dimaksud dengan Javascript? Mungkin itu saja tulisan yang membahas tentang Pengenalan Javascript, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.

8 comments for "Pengertian Javascript Beserta Contoh Penggunaan dan Fungsi JavaScript"

  1. Biar kita bisa dan tau script nya java dan html gimana yahh ? Apa tersedia otomatis kalo kita ketik huruf atau harus hapal semua script/coding?
    Nice post sangat bermanfaat ilmunya.

    ReplyDelete
  2. artikel ini sangat bagus, informasi yang diberikan melalui artikel ini cukup lengkap dan mudah dipahami untuk saya yang baru belajar mengenai javascript.
    artikel ini bermanfaat bagi saya dan semoga juga bermanfaat bagi yang lain. perkenalkan nama saya Erie Yunantari dari kampus STMIK Atma Luhur dan jangan lupa kunjungi website kampus kami https://www.atmaluhur.ac.id/

    ReplyDelete
  3. Terima Kasih admin untuk artikelnya...
    artikel dari admin ini sangat bermanfaat, untuk saya sebagai mahasiswa yang baru belajar tentang java script, artikel dari admin ini juga mudah untuk di mengerti. Terus membuat artikel seperti ini ya, jangan berhenti untuk berkarya min.. sukses terus untuk admin nya..
    Perkenalkan nama saya Mozza Muthia Rahman
    saya dari kampus Atma Luhur. jika admin bersedia untuk mengunjungi kampus saya di
    (https://www.atmaluhur.ac.id/)

    ReplyDelete

= > Silahkan berkomentar sesuai artikel diatas
= > Berkomentar dengan url ( mati / hidup ) tidak akan di publish

loading...
loading...
loading...