Javascript merupakan suatu bahasa script yang banyak digunakan dalam dunia teknologi terutama internet, bahasa ini dapat bekerja di sebagian besar web browser seperti Internet Explorer (IE), Mozilla Firefox, Netscape, opera dan web browser lainnya.
bahasa javascript dapat dideskripsikan dalam bentuk fungsi (Function) yang ditaruh di bagian dalam tag <head> yang dibuka dengan tag <script language =” javascript”>
Isi dari script javascript sama dengan konsep yang sudah dipelajari dalam materi PHP, yakni ada deklarasi Variable, penggunaan operator, percabangan, looping, dan fungsi. Di dalam java script juga sebuah komponen Alert yang digunakan untuk menampilkan kotak pesan pada browser ketika fungsinya di jalankan.Untuk berlatih deklarasi script pada javascript, salin contoh-contoh berikut ini pada editor anda. Dan jalankan pada browser, amati tampilannya.
0. Latihan pembuatan Coding javascript sederhana
Berikut merupakan contoh-contoh sederhana penulisan script penggunaan perintah javascript
1. Menuliskan teks = contohjs1.html
<html>
<head>
<title> Untitled Document</title>
</head>
<html>
<body>
<script type="text/javascript">
<html>
<head>
<title> Untitled Document</title>
</head>
<body>
<script type="text/javascript">
document.write("<h1>Hello World!</h1>")
</script>
</body>
</html>
2. JavaScript yang diletakkan pada bagian HEAD = contohjs3.html
<html>
<head>
<title> Untitled Document</title>
</head>
<head>
<script type="text/javascript">
function message( )
{
alert("This alert box was called with the onload event")
}
</script>
</head>
<body onLoad="message( )">
</body>
</html>
3. JavaScript yang diletakkan pada bagian BODY = contohjs4.html
<html>
<head>
<title> Untitled Document</title>
</head>
<body>
<script type="text/javascript">
document.write("This message is written when the page
loads")
</script>
</body>
</html>
4. Fungsi = contohjs5.html
<html>
<head>
<script type="text/javascript">
function myfunction( )
{
alert("HELLO")
}
</script>
</head>
<body>
<form>
<input type="button" onclick="myfunction( )" value="Call function">
</form>
<p>By pressing the button, a function will be called. The function
will alert a message.</p>
</body>
</html>
5. Fungsi dengan argumen = contohjs6.html
<html>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>
</head>
<body>
<form>
<input type="button"
onclick="myfunction('Good Morning!')"
value="Selamat Pagi">
<input type="button"
onclick="myfunction('Good Evening!')"
value="Selamat Malam">
</form>
<p>
ketika di tekan salah satu tombol maka
fungsi akan di panggil dan pesan akan di
tampilkan
</p>
</body>
</html>
6. Memunculkan tanggal lengkap = contohjs7.html
<html>
<body>
<script type="text/javascript">
var d=new Date( )
var weekday= new
Array("Sunday","Monday
","Tuesday","Wednesday","Thursday","Frid
ay",
"Saturday")
var monthname= new
Array("Jan","Feb","Mar","Apr","May
","Jun","Jul","Aug","Sep","Oct",
"Nov",
"Dec")
document.write(weekday[d.getDay( )] + " ")
document.write(d.getDate( ) + ". ")
document.write(monthname[d.getMonth( )] + " ")
document.write(d.getFullYear( ))
</script>
</body>
</html>
Untuk Latihan
a. Buatlah Program Sederhana menggunakan perintah JavaScript.
b. Program yang akan dibuat berupa tampilan pesan seperti dibawah ini menggunakan perintah javascript.
c. Buka aplikasi notepad atau yang lainnya.
d. Buat dokumen baru pada aplikasi tersebut.
e. Tuliskan coding JavaScript dibawah ini
var n = prompt("Masukan nama anda:");
var c = confirm("Hai "+n+"! Apakah saya tampan?");
if (c == true) {
alert('Oh Thanks!!');
}else{
alert('Why?!!');
}
f. Simpan file tersebut dengan nama program.js
g. Buat dokumen baru lagi pada aplikasi anda.
h. Tuliskan coding html berikut ini, yang digunakan untuk memanggil file
javascripts diatas.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="program.js"></script>
</head>
</html>
i. Simpan file html tersebut dengan nama index.html harus dingat kedua file
harus tersimpan dalam satu folder yang sama.
j. Jalankan file diatas dengan memanggil nama folder tempat folder diatas
disimpan.
