Materi yang akan dibahas kali ini adalah mengenai Java Script. Dalam materi Javascript ini kita akan mempelajari beberapa teknik dalam penggunaan Java Script tersebut dan penggabungan script dari Java Script dengan script HTML.
Java Script adalah suatu bahasa script yang di-interpreter oleh browser ( client side ). Pada awalnya bahasa ini dinamakan “livescript” yang befungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2.
Walaupun penulisan javascript memiliki kemiripan dengan bahasa pemrograman java dan juga C, namun java script tidak sama dengan java, karena :
1. javascript yang dikembangkan oleh Netscape, produknya untuk web disebut web script
2. java yang dikembangkan oleh Sun Microsystem, produknya untuk web adalah applet
Pada pembuatan laporan kali ini kita akan membuat form dan menjalankan function yang terdapat pada javascript. Pembuatan sript dari javascript dideklarasiakan pertama kali menggunakan script
Script diatas menjelaskan bahwa script atau bahasa yang akan digunakan adalah javascript. Pada javascript script-script yang dibuat sangat sensitive (case sensitive), huruf besar dan huruf kecil sangat berpengaruh untuk setiap perintah dan penamaan variabelnya.
Berikutnya akan masuk pada function. Function merupakan sekumpulan kode-kode javascript yang jika dijalankan akan menghasilkan atau mengerjakan suatu tugas tertentu.
Berikut pendefinisian function
function test () {
var val1=document.kirim.T1.value
if (val1%2==0)
document.kirim.T2.value="bilangan genap"
else
document.kirim.T2.value="bilangan ganjil"
}
Function diatas diberi namafunction test, setiap kali pendeklarasian function diawali tanda () dan { . setelah pembuatan nama function, selanjutnya kita akan mendeklarasikan function tersebut, pada script diatas kita dapat mengetahui bahwa pendeklarasian variabel diberi nama document.kirim. kemudian menggunakan fungsi logika if-else. Maksud dari val1%2 adalah nilai yang berada disebelah kanan operator % ( modulo ) akan di modulokan (dicari sisa baginya ) ke variabel yang berada disebelah kiri dan hasilnya menjadi nilai variabel yang ada disebelah kiri, sementara operator = = (equal) apakah hasil modulo tadi sama dengan nilai yang ada disebelah kanan tanda equal.
Dan selanjunya diberikan kondisi dari variabel document.kirim pertama diberi deklarasi variabel bilangan genap dan yang satu lagi bilangan ganjil, jadi kondisi diatas akan dikerjakan atau dipilih salah satunya, jika kondisi pertama terpenuhi maka akan tercetak bahwa bilangan tersebut adalah bilangan genap, namun jika kondisi tersebut tidak terpenuhi maka akan pindah pada kondisi ke dua yaitu akan mencetak bahwa bilangan yang dimaksud adalah bilangan genap. Script diatas akan dijalankan pada form untuk memilih dan menebak bilangan yang dimaksud.
Selanjutnya pada function kedua kita akan membuat pewarnaan, berikut scriptnya
function ubahWarnaLB(warna) {
document.bgColor = warna;
}
function ubahWarnaLD(warna) {
document.fgColor = warna;
}
Dar script diatas dapat dijelaskan bahwa kita menggunakan function untuk dapat mengubah warna dari background dan tulisan.
Pada function yang pertama kita dapat mengetahui maksud dari script document.bgcolor adalah untuk mengubah warna pada bagian background, sementara script document.fgcolor adalah untuk mengubah warna font atau tulisan yang berada pada form tersebut.
Berikutnya kita akan membuat table
BIL MERUPAKAN BIL Script diatas menjelaskan bahwa tebal garis border pada tabel adalah1, sementara untuk tabel menebak bilangan akan terletak di bagian atas, untuk dapat memberikan posisi yang diinginkan, gunakan perintah td valign=top. Selanjutnya pada form untuk membuat merupakn bilangan yang digunakan untuk dapat menebak bilangan yang telah kita pilih pada bagian menebak bilangan, menggunakan method Post. Pada kolom menebak bilangan dan merupakan bilangan kita menggunakan input type text. Selanjutnya masih pada bagian atas form dan table, kita gunakan input type button untul menu tebak dan input type reset untuk perintah kosongkan. Fungsi masing-masing inputan adalah, jika kita klik button tebak maka akan keluar jawaban, sementara pada inputan reset, jika kita klik maka form kembali kosong. Langkah berikutnya kita akan membuat inputan berupa button dari function yang telah kita buat tadi, scriptnya Untuk membuat button yang kita butuhkan, kita gunakkan input type button, ada 4 buah button yang akan kita buat, yaitu button latar belakang hijau, latar belakang kuning, teks kuning, dan teks biru. Fungsi dari button-button ini adalah, jika pada button latar belakang, setelah kita klik maka warna belakang dari web tersebut akan berubah sesuai dengan yang telah kita pilih, maksud adri perintah onclick adalah button tersebut dapat melakukan perintah yang kita inginkan setelah kita melakukan aksi meng-klik tombol pada mouse kea rah button yang kita ingingkan. Sementara pada button teks, akan menghasilkan tulisan yang berada pada table berubah sesuai dengan yang kita inginkan .
Menebak Bilangan
Tidak ada komentar:
Posting Komentar