Jumat, 12 Februari 2016

Cara Menjalankan kode JavaScript

03.18    1 comment

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 PHP dan CSS, yakni dengan menyisipkan kode JavaScript di dalam HTML.
Silahkan buka aplikasi text editor, lalu ketikkan kode berikut:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!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>
Savelah 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.
Perhatikan bahwa nama file dari contoh JavaScript kita berakhiran .html, karena pada dasarnya kode tersebut adalah kode HTML yang ‘disiipkan’ dengan JavaScript.
Untuk menjalankan file tersebut, sama seperti HTML biasa, kita tinggal double klik belajar_js.html dan hasilnya akan tampil di dalam web browser.
Cara Menjalankan Kode Program JavaScript - Contoh Program
Untuk menguji kode JavaScript yang telah dibuat, silahkan klik tombol “Semangaat..!!” beberapa kali, dan kalimat baru akan ditambahkan di akhir halaman web kita.
Cara Menjalankan Kode Program JavaScript - Contoh Program 2

1 komentar: