 |  | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Listing ganjilgenap |
Sekarang kita akan membuat web dengan menggunakan bantusan js atau javascript. JavaScript adalah bahasa scripting dari Web. JavaScript digunakan dalam milyaran halaman web untuk menambahkan fungsionalitas, memvalidasi bentuk, berkomunikasi dengan server, dan banyak lagi. JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan di browser.
Javascript dipanggil untuk memberikan fungsi pada
halaman web dengan meletakannya secara internal pada halaman html diantara tag
<script> </script> atau dibuat pada file terpisah ( eksternal ) dan
lalu di link menggunakan <link rel=”" href=”"> pada bagian
<head>. Secara fungsional, Javascript digunakan untuk menyediakan akses
script pada objek yang dibenamkan (
embedded ). Contoh sederhana dari penggunaan javascript adalah
membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke
server, merubah image kursor ketika melewati objek tertentu, dan lain lain.
Kali ini, kita akan membuat fungsi javascript internal
yaitu javascript yang di tempel di html. Pertama, kita lihat terlebih dahulu
pemrograman html pada angka. Disana, di maksudkan kita untuk memasukkan sebuah
angka maka akan di deteksi apakah angka tersebut termasuk kedalam bilangan
ganjil atau genap.
<html>
<head>
</head>
<SCRIPT
1anguage="Javascript">
function test(){
var
vall=document.kirim.T1.value
if (vall%2==0)
document.kirim.T2.value="bilangan
genap"
else
document.kirim.T2.value="bilangan
ganjil"
}
</SCRIPT>
<body>
<form
method="POST" name="kirim">
<p>BIL
<input type="text" name="T1" size="20">
MERUPAKAN <input
type="text" name="T2" size="20">
</p>
<p><input
type="button" value="TEBAK" name="B1"
onclick=test()>
</p>
</form>
</body>
</html>
Untuk koding angka
di atas kita lihat bahwa fungsi js dimulai dari <SCRIPT
1anguage="Javascript"> yang merupakan penanda awal bahwa fungsi js
internal akan dipakai. Lalu, kita memasukkan function untuk fungsi dari js
tersebut. Disini hanya ada satu function yaitu function test. Di dalam function
test akan di adakan perhitungan untuk menentukan apakah suatu bilangan termasuk
ke dalam bilangan genap atau ganjil.
Untuk lebih jelasnya, sebaiknya kita jelaskan dari program utama terlebih
dahulu.
Pertama kita masuk
pada form method dengan nama kirim dan jenis POST. Lalu, disana kita akan mencetak
kata BIL dan user di haruskan mengisi suatu form dengan tipe input type yang
berarti terserah user menginput angka dan angka tersebut akan muncul dengan
ukuran 20 dan disimpan dalam variabel T1. Selanjutnya menetak kata MERUPAKAN
dan disediakan seuah form untuk hasil output bilangan tersebut apakah ganjil
atau genap.
Lalu, kita akan
membuat button dengan nama TEBAK dan variabel B1. Lalu, jika di klik button
tersebut maka kita akan memanggil function test() ini dari kata onClick yang berarti jika di
klik akan menjalankan perintah sesuai value nya. Lalu, kita masuk ke function test. Pertama
kita deklarasikan var vall=document.kirim.T1.value yang berarti variabel vall
akan berisi document.kirim.T1.value yang artinya variabel vall berisi nilai
inputan yang akan di input user. Lalu, masuk ke percabangan, disini yang akan
menentukan bilangan tersebut genap atau ganjil. Jika vall mod 2=0 maka bilangan
tersebut genap dan lainnya adalah ganjil.
Selanjutnya, kita
akan masuk ke program yang kedua yaitu angka. Disini, kita akan merubah
background atau juga warna dari tulisan atau teks. Kita akan langsung bahas ke
js nya saja. Soalnya sintaks html nya logikanya sama dengan program sebelumnya.
function ubahWarnaLB(warna){ document.bgColor=warna;kita membuat function
ubahWarnaLB(warna) untuk backgroud. Warna dimaksudkan untuk prototype.
Document.bgColor=warna adalah kita mengatur warna background adalah variabel
warna yang isinya akan ada pada saat input type sebagai berikut. <input type="button"
value="latar belakang warna hijau"
onclick="ubahWarnaLB('GREEN')"> Saat button di klik maka warna
berubah menjadi hilau karena prototype yang digunakan adalah GREEN.
document.write("dimodifikasi terakhir pada "+document.lastModified);
ini adalah untuk mencetak di modifikasi terakhir pada ditambah tanggal serta
waktu mengikuti komputernya masing-masing.
Lalu, yang terakhir adalah program shadow. <textarea rows="12"
name="wordcount2" cols="38" wrap="virtual" onkeypress="hitung()"></textarea><br>
<textarea rows="12" name="wordcount3"
cols="38" wrap="virtual"
onkeypress="hitung()"></textarea><br>. Disini hanya
menggunakan sedikit sintaks yaitu teks area sebagai input dan output program.
Text area pertama dengan panjang 38 kolom dan lebar 12 baris. Dengan nama
wordcount2 dan jika diketikkan maka akan melaksanakan perintah function hitung
yang isinya adalah
document.wordcount.wordcount3.value=document.wordcount.wordcount2.value; isi
atau inputan dari document 2 atau text area 1 akan disimpan dan ditampilkan di
wordcount3 atau text area2.
Tidak ada komentar:
Posting Komentar