Menurut wikipedia, JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.
Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis. Javascript adalah jenis bahasa pemrograman client side. Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode javascript walaupun sedikit. Hal ini karena tanpa javascript, sebuah website bagaikan sayur tanpa garam :D.
Manfaat, Fungsi & Peran JavaScript
Seperti yang disebutkan diatas, javascript berfungsi membuat sebuah halaman website lebih interaktif dan dinamis. Penggunaan kode javascript sangat dibutuhkan untuk website-website yang berorientasi pada kenyamanan pengakses (user-experience). Namun, penggunaan kode javascript ini tidak akan maksimal jika tidak dibarengi dengan penggunaan css karena javascript juga tidak akan lepas dari html.
Ketiga bahasa pemrograman itu sangat erat kaitannya. Jika saya ibaratkan sebuah website adalah rumah, maka kode html adalah segala yang membangun dan ada dirumah tersebut (tembok, tiang, atap, pondasi, ruang keluarga, kamar, dapur, peralatan rumah tangga, dan sebagainya). Lalu, kode css adalah pengatur dan penghias rumah tersebut(tata letak, warna dan sebagainya). Dan peran javascript bisa sebagai ‘pembantu’ kode css agar pengaturan dan hiasannya lebih bagus dengan tambahan pernak-pernik misalnya. Bisa juga untuk memanipulasi kode html dengan nama/identitas tertentu. Manipulasi ini bisa berupa menyembunyikan, menganti bahkan menambahkan elemen html yang baru.
Tanpa javascript, saat melakukan aksi tertentu, misalnya meng-klik pada sebuah halaman website, maka hasil atau respon dari hasil klik tersebut harus dimuat pada halaman lain. Hal ini tentunya sangat merepotkan karena tidak setiap aksi klik menghasilkan hasil/output yang besar/banyak. Terkadang hasil sebuah aksi hanyalah sebuah kalimat “Anda berhasil memasukkan data”, misalnya.
Contoh Penggunaan Javascript
Jika kata-kata dan penjelasan diatas belum membuat anda mengerti juga, maka seharusnya praktek penggunaannya bisa membuat mengerti. Jika tidak juga, maka anda memang … (isi sendiri :D).
Oke, berikut ini adalah contoh penggunaan kode javascript yaitu dengan membuat “alert”.
<script type="text/javascript"> function simsalabim() { alert("Simsalabim, blah blah blah"); } </script> <button onclick="simsalabim()">Klik Untuk Melihat Demo</button>
Karena penggunaan javascript diatas masih sederhana, anda juga bisa menuliskan fungsi diatas seperti dibawah ini :trailer film Rough Night
<button onclick="alert("Simsalabim, blah blah blah");">Klik Untuk Melihat Demo</button>
Namun, penulisan javascript diatas hanya untuk fungsi yang sederhana saja.
Nah, hasil dari kedua kode diatas adalah sebagai berikut :
function simsalabim() { alert(“Simsalabim, blah blah blah”); }
Bagaimana? mudah bukan.
Catatan Tambahan
- Hampir semua website saat ini menggunakan javascript, tapi ketahuilah bahwa pengakses website bisa mematikan fitur javascript pada browsernya, sehingga website yang diakses akan tampil sebagaimana tampil tanpa javascript. Hal ini bisa membuat tampilan website anda acak-acakan jika anda terlalu bergantung pada kode javascript untuk mendesainnya.
- Penggunaan javascript yang terlalu banyak dan tidak rapi dapat membuat loading website anda lambat dan berat. Jadi, gunakan sewajarnya.
Muhammad Nuhan Nahidl
Wah… terima kasih atas pemahaman tentang javascript ini sangat membantu sekali untuk yang ingin belajar.
Syakir Rahman
Yap, sama-sama gan 🙂
Helmi Irfansyah
wah jadi lebih mengerti nih gan 😀 nice post 😀 Kunjungan baliknya ya
Syakir Rahman
Sip gan, sama-sama 😀
Helmi Irfansyah
thank gan
Syakir Rahman
Sip, sama-sama gan
Just
Wah mantab nih
pusat Diwwnload
wah mantab terima kasih infonnya
Syakir Rahman
Yap, sama-sama
Helmi Download
wah thanks infonya
Syakir Rahman
Yap, sama-samaa 🙂
Pusat KOmputer Indo
wah tips yang sangat bermanfaat gan
Download Film Bluray
wah jadi lebih tau yang ane gk tau nih gan
kizeh
Javascript adalah salah satu bahasa wajib jika ingin menjadi seorang web designer , saya pun masih belajar
Mas Helmi Blog
wah thanks infonya baru ngerti ane gan
MIftah
tank infonya gan…ane lebih ngerti
risky rahmatsyah
Mantep kang. Sangat membantu
Azis Hapidin
Nice post gan, tapi terlalu banyak script JS bisa menyebabkan web jadi lola kan gan? Soalnya kan script JS diekseskusinya di komputer si user.
Syakir Rahman
Iyap betul.. Tapi itu juga tergantung pada banyaknya script yang digunakan, penempatan script dalam kode html, serta kompresi dari script yang digunakan
BLOGGER HP
Mantep, izin nyimakk dari pengguna Mywapblog blog ponsel Tanpa Javascript… Thanks infonya,
candra priyatna
gan saya mau tanya ?
teknik membuat web
1.mana yang lebih baik , membuat halaman web dengan javascript atau membuat halaman web dengan PHP
2.saya mau buat web yang responsive, dan apa bila ita memilih salah satu menu , maka halaman tidak refresh semua, dalam artian ada bagian2 yang tidak di refresh seperti header, footer, cara nya gimana tuh gan
Syakir Rahman
1. Ga ada yang lebih baik.. keduanya adalah jenis script yang berbeda.. javascript hanya untuk client-side, tidak bisa olah data server, php bisa.. Kecuali kalo agan nanyanya node.js atau php ? baru saya saranin pakai node.js
2. pakai method ajax, ajax jquery juga bisa.. cari di google.. belajar lebih banyak lagi
aziz
terimakasih atas pemberitahuannya gan
ari prayogi putra
mungkin diantara sobat ada yang butuh buku tentang java script kunjungi aja ling dibawah ini
http://kutubukuuuu.blogspot.co.id/2016/02/buku-bahasa-pemrograman-java-script.html
Syakir Rahman
Terima kasih referensinya bung ari
wachyu_acp
keren mas bray…
kunjungan pertama nih…
dpt info baru hehee
Pace
Terimakasih, telah betbagi info yg sangat berguna bg kami yg sedang belajar pemrograman…
kapalomen
sangat bermanfaat,
bdw saya juga mempunyai postingan serupa, http://www.kapalomen.com/2016/07/pengertian-dan-manfaat-javascript-web.html
semoga menambah bisa ilmu pengetahuan.
salam
Indra Rusman
Terima kasih penjelasannya mas Syakir.
saya perlu belajar lebih soal javascript ini.
ariyanto
berguna banget gan hehe
jangan lupa mampir di My blog
Perbandingan GameMaker Vs Unity untuk Pembuatan Game Pac-man | Cnnl
[…] https://www.devaradise.com/id/2014/11/pengertianl-apa-itu-javascript-manfaat-cara-kerja.html […]
Pengenalan JavaScript – KafeKoding
[…] Tanpa javascript, saat melakukan aksi tertentu, misalnya meng-klik pada sebuah halaman website, maka hasil atau respon dari hasil klik tersebut harus dimuat pada halaman lain. Hal ini tentunya sangat merepotkan karena tidak setiap aksi klik menghasilkan hasil/output yang besar/banyak. Terkadang hasil sebuah aksi hanyalah sebuah kalimat “Anda berhasil memasukkan data”, misalnya. (Devaradise) […]
NABILAH PUTRI RISA
Terimakasih.. tulisannya sangat bermanfaat..
Nanda Febriansyah
thanks refrensinya
sri mulyani
wah…. artikelnya sangat bermanfaat
Sari Oktarini
terima kasih ilmunya kak
YEPI KUSMETA
terimakasih kk artikelnya sangat bermanfaat ntuk saya
Feni Dayanti
Pengen belajar javascript, tapi harus mulai dari mana ya untuk pemula? Saya pernah belajar sedikit tentang html waktu SMK dulu. Dan sekarang saya pengen mendalami ilmu pemrograman
syakirurahman
Coba di mulai lagi lewat tutorial javascript di w3schools.com gan
Dewi maliana
terimakasih infonya
Ryan Oktav
sangat bermanfaat om, makasih infonya
Ahmad Fauzan Herman
Terimakasih penjelasannya. Sangat membantu dalam memahami dalam pembuatan website.
agung
o.o