Assalamu’alaikum…






         hai sobat kembali lagi di blog saya,, kali ini saya akan melanjutkan yang kemarin yaitu masih tentang javascript. Kali ini tentang JavaScript Method dan JavaScript Function. Saya akan menjelaskan dan sekaligus mempraktikkan mari kita lihat samasama.

Pengertian
         JavaScript Object yaitu sesuatu yang bersifat nyata sebagai contoh adalah mobil. Moobil memiliki sifat seperti berat dan warna, dan methode seperti start dan stop. Nilai properti setiap mobil berbeda.metode juga sama akan tetapi metode dilakukan dalam waktu yang berbeda.

          Java Script Function yaitu blok nama yang dirancang untuk melakukan tugas tertentu fungsi javascript dijalankan pada saat sesuatu memanggilnya, atau hanya akan muncul pada saat di panggil sja.


Latar Belakang

JavaScript Object
Coding


<html>
<body>
<p> Membuat Javascript Objek</p>
<p id="demo"></p>
<script>
var car ={type:"Fiat",model:"500",color:"white"};
document.getElementById("demo").innerHTML=car.type;
</script>
</body>
</html>


hasil :









pada hasil tampilan diatas, kenapa yang muncul adalah “Fiat” karena pada pemanggilan dalam script adalah “car.type” yang dimaksd dari sintax tersebut adalah variabel car di dalam variabel car terdapat berbagai macam syntax diantaranya adalah “type”, “model”, dan “color”. Akan tetapi dalam pemanggilan tadi yang dipilih adalah type, maka dari itu yang muncul adalahh Fiat. Jika diganti dengan “model” maka yang akan muncul adalah angka 500.




contoh kedua javascript object :

coding

<html>
<body>
<p>Javascript Definisi Objek</p>
<p id="demo"></p>
<script>
var person={firstName:"Laila", lastName:"Saputri", age:"16", eyeColor:"black"};
document.getElementById("demo").innerHTML=
person.firstName + " is " + person.age + " years old.";
</script>
</body>
</html>


hasil :











mengapa hasilnya seperti di atas, karena pada pemanggilan dalam variabel di tuliskan atau di masukkan syntax “person.firsName dan person.age” maka akan muncul tampilan seperti di atas. Juaga terdapat “is” dan “years old” itu cuma penambahan biasa, bukan syntax yang penting.


JavaScript Function

Fungsi JavaScript di definisikan dengan kata kunci fungsi , diikuti dengan nama , diikuti tanda kurung () . Nama fungsi dapat berisi huruf, angka, garis bawah, dan tanda dolar (aturan yang sama dengan variabel). Tanda kurung dapat mencakup nama parameter yang dipisahkan dengan koma
( parameter1, parameter2, ... ) Kode yang akan dieksekusi, oleh fungsinya, ditempatkan di dalam kurung kurawal {}

coding :

<html>
<body>
<p>JavaScript Function</p>

<p id="demo"></p>
<script>
function myFunction(p1, p2) {
return p1 * p2;
}
document.getElementById("demo").innerHTML = myFunction(4, 4);
</script>
</body>
</html>


Hasil :












mengapa muncul hasil 16 ? karena p1 dan p2 itu di ibaratkan sebagai myFunction disitu tertulis bahwa myFunction adalah 4 dan 4 nah kedua angka itu dikalikan seperti perintah pada return di atas.





Contoh kedua javascript function

coding :

<html>
<body>
<h2>JavaScript Function</h2>
<p id="demo"></p>
<scrip>
var a = myFunction(4,5);
document.getElementById("demo").innerHTML = a;

function myFunction(x, y) {
return x * y;
}
</scrip>
</body>
</html>



hasil :









Contoh ini memanggil fungsi yang melakukan perhitungan dan mengembalikan hasilnya. Seperti yang tertulis pada coding diatas.


Maksud dan Tujuan
  • mengenal macam macam javascript
  • mengetahui apa itu javascript object dan javascript function
  • mengetahui perbedaan antara keduannya

Alat dan Bahan
  1. Laptop
  2. File Items
  3. Text Editor

Hasil yang diharapkan
dapat membedakan fungsi dari javascript object dan javascrit function serta mempraktikkannya.

Referensi