Hallo sahabat, apakabar semua. Tentunya pasti sehat selalu ya, berjumpa lagi dengan saya di tutorial Dumet School. Pada artikel ini kita akan belajar Mengenal Function Pada Javascript, Function pada Javascript ini sama dengan Function yang biasa kita gunakan dengan PHP yaitu mengembalikan nilai dengan return. Nah kali ini kita akan belajar bagaimana cara pengimplementasiannya Function pada Javascript, oke teman-teman ketikkan seperti gambar di bawah ini
Lalu save dengan index.html kemudian jalankan pada browsernya, maka hasilnya seperti gambar di bawah ini
Gambar script diatas, Function memiliki nilai (a) kemudian di dalam Function diberikan fungsi return untuk mengembalikan nilai dan akan di tampilkan dengan myFunction(‘belajar function’) kemudian di arahkan ke id=tampil yang memiliki tag <h1> maka output akan menjadi bold dan besar seperti biasa kita gunakan <h1> untuk judul.
Baik langkah berikutnya pada artikel Mengenal Function Pada Javascript ini, kita akan memanipulasi Function di atas dengan nilai dan operator hitung.
Oke teman-teman coba ganti myFunction(10) seperti gambar di bawah ini
Kemudian save dan refresh pada browsernya, maka hasilnya menjadi angka ‘10‘
Selanjutnya kita akan menambahkan operator hitung dengan menambahkan nilai dalam myFunction(a,b,c) kemudian kita tambahkan operator pada fungsi return lalu kita berikan nilai angkanya untuk kita tampilkan. Oke teman-teman tambahkan operatornya seperti gambar di bawah ini
Output hasil perkalian dan penjumlahan adalah 100, jika saya gabungkan maka akan seperti ini [(a * b + c ) (10,9,10)] menjadi ( a[10] * b[9] + c[10] ) = 100
Mudah sekali bukan..?? Kalian juga bisa copy script nya di bawah ini
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Functions</title>
</head>
<body>
<h1 id="tampil"></h1>
<script>
function myFunction(a,b,c) {
return a * b + c;
}
document.getElementById("tampil").innerHTML = myFunction(10,9,10);
</script>
</body>
</html
Khusus untuk teman-teman yang ingin lebih mahir dengan operator Javasript nya, dari latihan yang kita praktekkan coba tambahkan atau modifikasi dengan operator lainnya seperti (-,/) dll. Oke sekian dulu di artikel kali ini tentang Mengenal Function Pada Javascript, kita berjumpa lagi di tutorial berikutnya.
Terimakasih dan Sampai Jumpa.
Semoga bermanfaat 🙂
Baca juga artikel tentang Membuka Jendela Baru Pada Browser Dengan Javascript