- Back to Home »
- -c , Pelajaran »
- Ayo, belajar Javascript!
Posted by :
Unknown
Rabu, 18 Maret 2015
Javascript :
Bahasa pemprograman yang berjalan di sisi Client (berjalan di web browser misal : Firefox)
Tujuannya yaitu :
Untuk membuat dinamis dan interaktif tampilan dari sebuah file HTML
Javascript pertama kali dikenalkan oleh netscape versi 1.0
Penulisan dasar :
Biasa diletakan di head / body struktur HTML
<script>
</script>
Jika diletakan pada head, tujuannya agar script dijalankan terlebih dahulu sebelum menampilkan halaman HTML
Jika diletakan pada body, tujuannya agar script dijalankan bersamaan disaat menampilkan halaman HTML
Contoh script :
<html>
<head> <title> Belajar Java </title> </head>
<body>
<script language>
<!--
//-->
</script>
</body>
</html>
Penjelasan :
1. Script ditambahkan language sebagai penanda bahwa ini Javascript bukan vbscript
2. <!-- --> ditambahkan untuk mencegah apabila ada browser error yang tidak support, dan akan ditampilkan
sebagai pesan kesalahan
Variable :
Penampung / penyimpan nilai atau data yang dimana isinya dapat berubah tergantung apa yang dimasukan / dituliskan.
Pada Javascript variable dibagi menjadi 2 bagian, yaitu:
1. Numeric (angka);
2. String (kalimat/tanda baca/pokoknya selain angka deh).
Contoh penulisan variable Numeric :
<html>
<head></head>
<body>
<script language="javascript">
<!--
var Nilai
Nilai=123;
document.writeln(Nilai);
//-->
</script>
</body>
</html>
Contoh penulisan variable String :
<html>
<head></head>
<body>
<script language="javascript">
<!--
var Nama
Nama="dfqqqq =3=";
document.writeln(Nama);
//-->
</script>
</body>
</html>
Operator Aritmatika :
Operator yang digunakan sama seperti proses perhitungan, yaitu :
- + * /
Contohnya :
<html>
<head></head>
<body>
<script language="javascript">
<!--
var Nilai1;
var Nilai2;
Nilai1=3;
Nilai2=6;
document.writeln(Nilai1 + Nilai2);
document.writeln(Nilai1 * Nilai2);
//-->
</script>
</body>
</html>
Script untuk memnbuat pesan dialog :
<script language="javascript">
<!--
alert("Hai sayang");
//-->
</script>
Script untuk membuat inputan pesan dialog dan menuliskannya di browser :
<script language="javascript">
var Ketik;
Ketik=prompt("Ketik apa aja atuh q.q","");
document.writeln(Ketik);
</script>
Beginilah contoh script yang saya buat tadi pas di sekolah :
<html>
<head> <title> Belajar Java </title> </head>
<body>
<h3> INI JAVASCRIPT </h3>
<script language="javascript">
<!--
document.writeln("<h2><b>Saya</b></h2> <font color=1dead4>belajar</font> Javascript. Karena <strong>saya</strong> selalu <i> get hurts (?) </i>");
document.writeln("<hr>");
document.writeln("Javascript tidak menerima enter, jika di script dimaskan enter maka browser tidak bisa mengeksekusi ");
document.writeln("<hr>");
document.writeln("<table border=1>");
document.writeln("<tr>");
document.writeln("<td>");
document.writeln("<b> Nama </b>");
document.writeln("</td>");
document.writeln("<td>");
document.writeln("<b>Kelas</b>");
document.writeln("</td>");
document.writeln("</tr>");
document.writeln("</table>");
document.writeln("<hr>");
<!--
var Nilai
Nilai=123; <!-- Kalo numerik gapake kutip -->
document.writeln(Nilai);
//-->
document.writeln("<hr>");
<!--
var Nama
Nama="dfqqqq =3="; <!-- Kalo string pake kutip -->
document.writeln(Nama);
//-->
document.writeln("<hr>");
<!--
var Nilai1;
var Nilai2;
var Nama1;
var Nama2;
var Lengkap
Nilai1=3;
Nilai2=6;
Nama1="Rama";
Nama2="Sinta";
Lengkap=Nama1+Nama2;
document.writeln("Nilai1 + Nilai 2 =");
document.writeln(Nilai1 + Nilai2);
document.writeln("<br>");
document.writeln("Nilai1 * Nilai 2 =");
document.writeln(Nilai1 * Nilai2);
<!-- Cara diatas merupakan cara pertama -->
document.writeln("<br>");
document.writeln(Lengkap);
<!-- Cara diatas merupakan cara kedua dimana kita memanggil kode yang telah dimasukan di.. Input? Atau variabel? -->
//-->
document.writeln("<hr>");
<!--
alert("Hai sayang");
alert("Teng nong"); <!-- Kita bisa menambahkan dialog tambahan dengan menambah alert di baris baru -->
<!-- Nah ini bisa ditaro dimana aja -->
//-->
<!--
var Ketik;
Ketik=prompt("Ketik apa aja atuh q.q","");
document.writeln(Ketik);
//-->
</script>
</body>
</html>
Mau tau kaya gimana hasil dari script itu? Gini nih gambarnya!
Udah dulu yaaa, Sekian dari saya maaf jika ada salah kata.
Siang dan selamat beraktifitas ^^!