Assalamualaikum
Kembali lagi dengan saya :D setelah sekian lama banyak kesibukan, hehehe. di sini saya akan membagikan ilmu tentang :
Atribut Event dan Id HTML
Atribut event merupakan HTML atribut yang berfungsi
untuk menjalan kan perintah Script (JavaScript) yang secara umum dapat di
gunakan pada semua element HTML.
Event merupakan peristiwa yang terjadi dalam HTML
baik tanpa atau setelah ada interaksi user seperti menjalankan Script ketika
loading atau dengan mengklik tombol Button pada element HTML <button> dan
lain-lain.
Di script diatas menggunakan event onclick.
Onclik merupakan intruksi untuk menjalankan script ketika sebuah elemen di klik.
ID
ID ini merupakan selector untuk menentukan bagian yang hanya ada pada satu halaman. Jadi sector ID ini tidak bisa di panggil lebih dari satu. Jika ada 2 maka hanya bekerja pada satu halaman saja. Selector ini juga bisa untuk me link pada satu halaman.
Contoh:
Function dan Input Output
Function
function
namafungsi(parameter)
{
Beberapa
code untuk dijalankan
}
Fungsi
adalah suatu blok kode yang dijalankan ketika ada script yang memanggil fungsi
tersebut. Fungsi merupakan bagian subprogram yang melaksanakan suatu tugas
tertentu ketika diperlukan. Fungsi ini dapat dipanggil dengan cara menuliskan
nama fungsinya saja, dan disertai dengan parameter apabila ada. Jadi parameter
dalam suatu fungsi bersifat opsional.
function
namafungsi(parameter)
{
Beberapa
code untuk dijalankan
}
<html>
<head>
</head>
<body>
<script
language="JavaScript" type="text/javascript">
function
diskon(hargaAwal)
{
var
diskon;
diskon
= 0.5* hargaAwal;
hargaDiskon
= hargaAwal -diskon;
return
hargaDiskon;
}
var
harga = prompt("Masukkan harga mula-mula (Rp) : ");
document.write("Harga
stlh diskon 50%: Rp. " + diskon(harga));
</script>
</body>
</html>
Input Output
Bagaimana cara menampilkan output dan menerima input pada javascript. Pada umumnya, javascript bisa menerima semua inputan dari berbagai elemen form HTML. Pada bagian head kita menyisipkan sebuah script untuk memanggil function.
Untuk menampilka hasil Output menggunkam tag penampung hasil program javascript, kita harus membuat tag HTML misal <div> yang memiliki id.
Kemudian dalam program javascript kita menggunakan fungsi document.getElementById. Kemudian untuk memasukkan hasil output javascript ke dalam tag HTML menggunakan fungsi innerHTML = output.
Hasil :
Terimakasih... semoga bermanfaat ~~
Wassalamualaikum
