Cara Menjalankan Kode Program JavaScript

JavaScript : Cara Menjalankan Kode Program JavaScript


Halo sobat. Gimana kabarnya? Yaa akhir-akhir ini saya banyak tugas jadi jarang pos dah :v. Yap kali ini saya akan memberikan tutorial mengenai "Cara menjalankan kode program JavaScript". Langsung aja ke TKP.

javascript

Aplikasi Untuk Menjalankan JavaScript

JavaScript merupakan bahasa script yang berjalan pada web browser, sehingga program yang dibutuhkan untuk menjalankan JavaScript hanyalah sebuah aplikasi text editor dan sebuah web browser seperti Google Chrome atau Mozilla Firefox.

Untuk aplikasi text editor, anda bisa menggunakan aplikasi notepad bawaan Windows, atau menggunakan aplikasi khusus text editor. Saya sih biasanya menggunakan aplikasi Atom. Kenapa saya milih Atom? Karena aplikasi nya open source dan banyak sekali plugin-plugin yang bisa mempercantik tampilan dari si-Atim ini. Ya kalian bisa download di situs resminya ini: https://atom.io/.

Pilihan web browser bukan sesuatu yang mutlak. Anda bebas menggunakan aplikasi web browser kesukaan. Terdapat beberapa jenis aplikasi web browser populer yang bisa diinstall dengan gratis.

Cara Menjalankan kode JavaScript

Jika aplikasi Notepad++ dan web browser telah tersedia, saatnya mencoba menjalankan aplikasi JavaScript pertama anda.
Cara penulisan JavaScript mirip dengan penulisan bahasa pemograman web lainnya seperti PHPdan CSS, yakni dengan menyisipkan kode JavaScript di dalam HTML.
Silahkan buka aplikasi text editor, lalu ketikkan kode berikut:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript di Duniailkom</title>
 
<script type="text/javascript">
function tambah_semangat()
{
   var a=document.getElementById("div_semangat");
   a.innerHTML+="<p>Sedang Belajar JavaScript, Semangat...!!!</p>";
}
</script>
 
</head>
 
<body>
<h1>Belajar JavaScript</h1>
<p> Saya sedang belajar JavaScript di duniailkom.com </p>
Klik tombol ini untuk menambahkan kalimat baru:
 
<button id="tambah" onclick="tambah_semangat()">Semangaat..!!</button>
 
<div id="div_semangat"></div>
</body>
</html>
Save kode HTML diatas dengan nama: belajar_js.html. Folder tempat anda menyimpan file HTML ini tidak menjadi masalah, karena kita tidak perlu meletakkannya dalam folder web server seperti file PHP. Saya membuat sebuah folder baru di D:\BelajarHTML\Javascript. Savelah di folder tersebut.

Untuk menjalankan file tersebut, sama seperti HTML biasa, kita tinggal double klik belajar_js.htmldan hasilnya akan tampil di dalam web browser.

javascript
Untuk menguji kode JavaScript yang telah dibuat, silahkan klik tombol “Semangaat..!!” beberapa kali, dan kalimat baru akan ditambahkan di akhir halaman web kita.
javascript
Terlepas dari kode JavaScript yang saya tulis diatas (kita akan mempelajarinya dalam tutorial-tutorial selanjutnya), kode tersebut pada dasarnya berfungsi untuk menambahkan sebuah kalimat kedalam halaman web setelah halaman web tampil di web browser.

Fitur inilah yang membuat JavaScript menawarkan kelebihannya, dimana kita bisa merubah apapun yang terdapat dalam halaman web saat web telah dikirim ke web browser. Bahkan dengan men-klik sebuah tombol, kita bisa mengganti seluruh isi halaman web tanpa harus berpindah halaman.

Bagaimana apakah masih bingung? Ya mungkin bagi kalian yang pertama kali buat javascript pasti bingung, saya sendiri saja juga masih bingung :v. Ya cukup sekian tutorial dari saya kali ini.
Jika ada yang ingin request tentang Pemrograman Web kalian bisa isi Laman Contact pada Navigasi. Sekian terima kasih :)

Share this

Related Posts

Previous
Next Post »