Membuat Fungsi dalam JavaScript

Fungsi

Adalah satu kata yang mewakili sekumpulan kode dimana fungsi ini dapat digunakan jika kamu memanggilnya.

Syntax:

function namaFungsi( parameter ){

Kode-kode yang akan dieksekusi

}

Contoh:

Buatlah satu file HTML bernama fungsi.html dengan isi seperti berikut ini:

<html>

<head>

<script type=“text/javascript”>

function tampilkanPesan(){

alert (“Kamu berhasil membuat satu fungsi “);

}

</script>

<body>

<input type=”button” value=”Lihat Pesan” onClick=“tampilkanPesan()” />

</body>

</head>

</html>

Keterangan:

onClick=“tampilkanPesan()”, disini kita memanggil fungsi tampilkanPesan() saat kita mengklik tombol “Lihat Pesan”.

Muncul Pertanyanan:

Saya punya satu elemen form yaitu textbox, lalu saya ingin agar nilai yang saya masukkan bisa dtampilkan ke browser melalui fungsi JavaScript … ?

Jawaban:

Buatlah satu file HTML bernama nama.html dan isi dengan kode dibawah ini:

<html>

<head>

<script type=”text/javascript”>

function tampilkanPesan(nama){

alert (“Namamu adalah + nama);

}

</script>

<body>

Masukkan Namamu : <input type=”text” value=”” onChange=”tampilkanPesan(this.value)” />

</body>

</head>

</html>

Keterangan:

  • onChange=”tampilkanPesan(this.value)”, disini kita memanggil fungsi tampilkanPesan() saat kamu menekan tombol tab ataupun kamu klik disembarang tempat maka dia akan memanggil fungsi tampilkanPesan().
  • this.value this digunakan untuk mewakili elemen form textbox sedangkan value adalah nilainya.

Jika Tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura’.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *