Jumat, 11 Agustus 2017

Bagian 3 - Objek JavaScript



 Anda telah mengetahui bahwa variabel javascript adalah kontainer untuk nilai data

Contoh kode 

Var x = "Kamu";

Objk juga sebuah varibel tapi bisa menapung banyak nilai , contohnya :

<!DOCTYPE html>
<html>
<body>

<p>Belajar Javascript</p>

<p id="contoh"></p>

<script>
var x = {nama:"Saya", Domisili:"mana saja", Kulit:"Putih"};
document.getElementById("contoh").innerHTML = x.nama;
</script>

</body>
</html>

hasil : 

Belajar Javascript
Saya


Bisa juga seperti ini

<!DOCTYPE html>
<html>
<body>

<p>Belajar javascript.</p>

<p id="aksi"></p>

<script>
var maba = {
    Nama : "ACO",
    NamaLengkap  : "ACO dg. KULLE",
    Domisili       : "Makassar",
    Warnamata  : "blue"
};

document.getElementById("aksi").innerHTML =
maba.NamaLengkap + " adalah orang " + maba.Domisili + " nama panggilan " + maba.Nama;
</script>

</body>
</html>

jadinya :

Belajar javascript.
ACO dg. KULLE adalah orang Makassar nama panggilan ACO

dan cara lain mengambil data dari proerty

<!DOCTYPE html>
<html>
<body>

<p>Anda Bisa menggunakan x.Nama atau x["property"]</p>

<p id="aksi"></p>

<script>
var maba = {
    nama: "TES",
    namalengkap : "Tes untuk belajar",
    id       :  9999
};
document.getElementById("aksi").innerHTML =
maba["nama"] + " " + maba["namalengkap"];
</script>

</body>
</html>

jadinya:

Anda Bisa menggunakan x.Nama atau x["property"]
TES Tes untuk belajar


Terima kasih salam seni koding

0 komentar:

Posting Komentar