Mengenal Function Pada Javascript

Hallo rekan-rekan, apakabar seluruh. Pastinya pasti sehat selalu ya, berjumpa lagi dengan saya di panduan Source Code Aplikasi. Di artikel ini kita akan belajar Mengenal Function Pada Javascript, Function di Javascript ini sama dengan Function yang lazimnya kita gunakan dengan PHP yaitu mengembalikan nilai dengan return. Nah kali ini kita akan belajar bagaimana cara pengimplementasiannya Function di Javascript, oke teman-teman ketikkan seperti gambar di bawah ini



yang



Lalu save dengan  index.html kemudian jalankan di browsernya, karenanya hasilnya seperti gambar di bawah ini



yang



Gambar script diatas, Function mempunyai nilai (a) kemudian di pada Function diberikan manfaat return bagi mengembalikan nilai dan akan di tampilkan dengan myFunction(‘belajar function’) kemudian di arahkan ke id=tampil yang mempunyai tag <h1> karenanya output akan menjadi bold dan besar seperti lazimnya kita gunakan <h1> bagi judul.



Bagus langkah berikutnya di 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



yang



Kemudian save dan refresh di browsernya, karenanya hasilnya menjadi angka ‘10



yang



Berikutnya kita akan menambahkan operator hitung dengan menambahkan nilai pada myFunction(a,b,c) kemudian kita tambahkan operator di manfaat return lalu kita berikan nilai angkanya bagi kita tampilkan. Oke teman-teman tambahkan operatornya seperti gambar di bawah ini



yang



Output hasil perkalian dan penjumlahan yaitu 100, bila saya gabungkan karenanya akan seperti ini [(a * b + c ) (10,9,10)] menjadi ( a[10] * b[9] + c[10] ) = 100



Gampang sekali bukan..?? Kalian pun dapat 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 bagi 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 demikian dulu di artikel kali ini mengenai Mengenal Function Pada Javascript, kita berjumpa lagi di panduan berikutnya.



Terimakasih dan Hingga Jumpa.



Semoga bermanfaat 🙂



Baca pun artikel mengenai Membuka Jendela Baru Pada Browser Dengan Javascript




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS