Sebagai bahasa pemograman berbasis browser, maka javascript ini sangat sederhana jika ingin dijalankan. Cukup dengan bermodalkan browser Google Chrome atau Mozilla Firefox saja. Sementara itu untuk melakukan untuk melakukan penulisan kode bisa digunakan notepad bawaan dari windows. Atau bisa juga dengan menggunakan notepad ++ agar lebih baik.
Untuk browser sendiri bisa dipilih browser sesuka hati. Kali ini, saya belajar dengan menggunakn browser Google Chrome dan dipadukan dengaan penulisan menggunakan notepad.
Langkah pertama ambil kode di bawah ini:
Pada kode di atas, kode berwarna biru adalah javascript. Sementara yang hitam adalah kode html.
Sekarang buka lokasi penyimpanan tadi, dan temukan file yang anda simpan. Akan ditemukan biasanya dengan icon browser. Buka file tersebut sehingga akan terbuka di browser. Jika melakukan langkah dengan benar maka akan di dapat tampilan seperti berikut.
Kegunaan javascript terlihat jelas pada saat melakukan klik di tombol " Are You Ready Guys". Akan muncul secara otomatis "Mari Kita Mulai". Jenis interaksi seperti itulah, yang melibatkan pengunjung serta beraktivitas pada website menjadi tujuan javascript ini. Ini pelajaran pertama; Dimana menulis Javascript dan Bagaimana menampilkan preview. Untuk penulisan kode javascript selanjutnya akan dibahas pada tutorial berikutnya.
Untuk browser sendiri bisa dipilih browser sesuka hati. Kali ini, saya belajar dengan menggunakn browser Google Chrome dan dipadukan dengaan penulisan menggunakan notepad.
Menyimpan Kode dan Menjalankan Kode Javascript
Bukalah notepad dan Google Chrome pada komputer. Sebenarnya fungsi penulisan javascript ini hampir sama dengan CSS dan PHP. Kode tersebut disisipkan pada sebuah HTML untuk ditampilkan.Langkah pertama ambil kode di bawah ini:
<!DOCTYPE html>Setelah kode tersebut di taruh di notepad, simpan dengan nama : belajar1_javascript.html. Penyimpanan bisa dilakukan dimana saja, di D,E atau Desktop komputer anda. Harus diperhatikan disini bahwa kode harus disimpan dengan akhiran .html. Sebagaimana telah dikatakan bahwasanya kode javascript ini adalah kode sisipan atau dukungan interaktif pada website. Sementara untuk menampilkan digunakan html.
<html>
<head>
<title>Saya Belajar Javascript</title>
<script type="text/javascript">function fungsi_pertama(){ var a=document.getElementById("tampilan"); a.innerHTML+="<p>Mari Dimulai</p>";}</script></head>
<body>
<h1>Hai Kawan</h1>
<p> Ini Pelajaran Pertama Saya</p>
Klik tombol ini untuk menambahkan kalimat baru:
<button id="tambah" onclick="fungsi_pertama()">Are You Ready Guys</button>
<div id="tampilan"></div>
</body>
</html>
Pada kode di atas, kode berwarna biru adalah javascript. Sementara yang hitam adalah kode html.
Sekarang buka lokasi penyimpanan tadi, dan temukan file yang anda simpan. Akan ditemukan biasanya dengan icon browser. Buka file tersebut sehingga akan terbuka di browser. Jika melakukan langkah dengan benar maka akan di dapat tampilan seperti berikut.
 |
| Hasil Tampilan Javascript pada Google Chrome |
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment