cloud-hosting-terbaik-indonesia

Tutorial Belajar JavaScript Part 3: Cara Menjalankan Kode Program JavaScript

Posted on

Pada panduan kali ini, kita akan mempelajari cara menjalankan kode program JavaScript melalui web browser.


Program Bagi Menjalankan JavaScript

JavaScript adalah sebuah bahasa script yang berjalan di web browser, sehingga program yang dibutuhkan bagi menjalankan JavaScript hanyalah sebuah program text editor dan sebuah web browser seperti Google Chrome atau Mozilla Firefox.

Bagi program text editor, sahabat dapat menggunakan program notepad bawaan Windows, atau menggunakan program khusus text editor. Diantara program text editor sederhana yang saya gunakan ialah Notepad++ yang ringan dan bersifat tidak dipungut bayaran. Bagi menginstall program Notepad++ ini pernah saya bahas di panduan Memilih Aplikasi Editor HTML.

Alternatif web browser bukan sesuatu yang mutlak. Kamu bebas menggunakan program web browser kesukaan. Terdapat beberapa jenis program web browser populer yang dapat diinstall dengan tidak dipungut bayaran. Kamu bahkan dapat menginstall seluruhnya, seperti yang pernah saya bahas di panduan Mengenal Fungsi Web Browser.

Di sesi panduan JavaScript di Source Code Program, saya menggunakan web browser Google Chrome dan Mozilla Firefox.


Cara Menjalankan kode JavaScript

Sekiranya program Notepad++ dan web browser telah terdapat, saatnya mencoba menjalankan program JavaScript pertama-tama sahabat.

Cara penulisan JavaScript mirip dengan penulisan bahasa pemograman web lainnya seperti PHP dan CSS, yakni dengan menyisipkan kode JavaScript di pada HTML.

Silahkan buka program text editor, lalu ketikkan kode berikut:

Savelah kode HTML diatas dengan nama: belajar_js.html. Folder tempat sahabat menyimpan file HTML ini tak menjadi masalah, karena kita tak perlu meletakkannya pada folder web server seperti file PHP. Saya membangun sebuah folder baru di D:BelajarHTMLJavascript. Savelah di folder tersebut.

Perhatikan bahwa nama file dari contoh JavaScript kita berakhiran .html, karena di dasarnya kode tersebut ialah kode HTML yang ‘disiipkan’ dengan JavaScript.

Bagi menjalankan file tersebut, sama seperti HTML biasanya, kita tinggal double klik belajar_js.html dan hasilnya akan tampil di pada web browser.

Bagi menguji kode JavaScript yang telah dibangun, silahkan klik tombol “Semangaat..!!” beberapa kali, dan kalimat baru akan ditambahkan di ahir halaman web kita.

Selamat!!, sahabat telah berhasil menjalankan kode JavaScript.

Terlepas dari kode JavaScript yang saya tulis diatas (kita akan mempelajarinya pada tutorial-tutorial berikutnya), kode tersebut di dasarnya berfungsi bagi menambahkan sebuah kalimat kedalam halaman web setelah halaman web tampil di web browser.

Fitur inilah yang membangun JavaScript menawarkan kelebihannya, dimana kita dapat merubah apapun yang terdapat pada halaman web ketika web telah dikirim ke web browser. Malahan dengan men-klik sebuah tombol, kita dapat mengganti seluruh isi halaman web tanpa mesti berpindah halaman.

Berikut tampilan akhirnya (silahkan di coba):

See the Pen Cara Menjalanka
n Kode Program JavaScript
by duniailkom (@duniailkom) on CodePen.10206

Sebelum memulai membangun kode JavaScript, pada panduan berikutnya saya akan membahas mengenai cara menampilkan error dan proses debugging (pencarian kesalahan) bagi JavaScript. Berikutnya pada panduan javascript: Cara Menampilkan Error JavaScript (Debugging) dengan Web Browser.


eBook JavaScript Uncover Duniailkom

JavaScript telah menjadi fitur wajib di setiap blog modern. Duniailkom telah menyusun eBook JavaScript Uncover yang membahas JavaScript dengan lebih detail dan lebih komplit, mulai dari mendasar hingga konsep DOM, Event dan AJAX. Penjelasan lebih lanjut dapat ke eBook JavaScript Uncover Duniailkom.


Sumber https://www.duniailkom.com/