Frontend : JAVASCRIPT Bagian 10 – Function

Function? sesuai dengan namanya yaitu fungsi(function) adalah sekelompok kode yang terstruktur dan bersifat reusable, dapat digunakan kembali. Function memudahkan pemrogram dalam proses membuat aplikasi. Tidak hanya memudahkan pekerjaan pemrogram, dari segi kode lebih terstruktur jika menggunakan function ketimbang menggunakan kode tanpa function. Terdapat 2 Jenis Function, yaitu :

1. Built in Function

Function jenis ini telah didefinisikan oleh Javascript. Seperti function alert(), confirm(), dan masih banyak lagi.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 10 - Function</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 10 - Function</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	alert('JAVASCRIPT Bagian 10 - Function');
</script>
</body>
</html>


Hasil :


2. Custom Function

Jika Built in function telah didefinisikan oleh Javascript, function jenis custom adalah function yang didefinisikan oleh kita sendiri.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 10 - Function</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 10 - Function</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	function biodata()
	{
		console.log('Nama : Danang');
		console.log('Umur : 18 Tahun');
		console.log('Hobi : Olahraga');	
	}

	biodata();
</script>
</body>
</html>


Penjelasan :

1. Baris 12 – 17, kita sedang membuat custom function dengan nama function biodata()

2. Baris 19, kita memanggil function biodata supaya data dari biodata tampil pada browser


Hasil :

Leave a Reply

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