suvi.rahmagmail.com
p id=demoDisplay the result here.p script
var person = {firstName:John, lastName:Doe}; script
body html
2. Tambahkan properti dan nilai berikut ke objek orang tersebut: negara: Amerika
Serikat DOCTYPE html
html body
p id=demop
script var person = {firstName:John, lastName:Doe};
document.getElementByIddemo.innerHTML = person.country; script
body html
3. Buat objek yang disebut orang dengan nama = John, umur = 50.
Kemudian, akses objek untuk menampilkan John berusia 50 tahun. DOCTYPE html
html body
p id=demoDisplay the result here.p
script Create the object here
script body
html
Cakupan JavaScript Scope Lingkup adalah himpunan variabel yang dapat Anda akses. Dalam JavaScript, ruang lingkup
adalah himpunan variabel, objek, dan fungsi yang dapat Anda akses. Variabel dinyatakan dalam fungsi JavaScript, menjadi LOCAL. Variabel lokal memiliki cakupan lokal: Mereka
hanya dapat diakses dalam fungsi. Contoh :
DOCTYPE html html
body pVariabel lokal carName tidak bisa diakses dari kode diluar fungsi:p
p id=demop
script myFunction;
suvi.rahmagmail.com
document.getElementByIddemo.innerHTML = The type of carName is + typeof carName;
function myFunction { var carName = Volvo;
} script
body html
Karena variabel lokal hanya dikenali di dalam fungsinya, variabel dengan nama yang sama dapat digunakan dalam fungsi yang berbeda.Variabel lokal dibuat saat fungsi dimulai, dan
dihapus saat fungsi selesai. Variabel yang dinyatakan di luar fungsi, menjadi
GLOBAL.Variabel global memiliki cakupan global: Semua skrip dan fungsi pada halaman web dapat mengaksesnya.
Contoh : DOCTYPE html
html body
pSebuah variabel GLOBAL dapat diakses dari script atau fungsi apapun.p p id=demop
script var carName = Volvo;
myFunction;
function myFunction { document.getElementByIddemo.innerHTML =
I can display + carName; }
script body
html
Jika Anda menetapkan nilai pada variabel yang belum diumumkan, maka secara otomatis akan menjadi variabel GLOBAL.
Contoh kode ini akan mendeklarasikan variabel global carName, walaupun nilainya diberikan di dalam sebuah fungsi.
DOCTYPE html html
body p
Jika Anda menetapkan nilai pada variabel yang belum diumumkan, Maka secara otomatis akan menjadi variabel GLOBAL:
p
suvi.rahmagmail.com
p id=demop script
myFunction; code here can use carName as a global variable
document.getElementByIddemo.innerHTML = I can display + carName;
function myFunction { carName = Volvo;
} script
body html
Event Java script event HTML adalah hal-hal yang terjadi pada elemen HTML. Saat JavaScript digunakan di
halaman HTML, JavaScript dapat bereaksi terhadap kejadian ini. event HTML bisa jadi sesuatu yang dilakukan browser, atau sesuatu yang dilakukan pengguna, Berikut adalah
beberapa contoh event HTML:
Laman web HTML telah selesai dimuat Bidang masukan HTML telah diubah
Sebuah tombol HTML diklik
Seringkali, saat kejadian terjadi, Anda mungkin ingin melakukan sesuatu. JavaScript memungkinkan Anda menjalankan kode saat kejadian terdeteksi. HTML memungkinkan
atribut event handler, dengan kode JavaScript, untuk ditambahkan ke elemen HTML. Dalam contoh berikut, atribut onclick dengan kode, ditambahkan ke elemen tombol:
Contoh : DOCTYPE html
html body
button onclick=document.getElementByIddemo.innerHTML=DateThe time is?button
p id=demop body
html
Pada contoh di atas, kode JavaScript akan mengubah isi elemen dengan id = demo. Pada contoh berikut, kode akan mengubah isi elemennya sendiri menggunakan this.innerHTML:
DOCTYPE html html
body button onclick=this.innerHTML=DateThe time is?button
body html
suvi.rahmagmail.com
Kode JavaScript seringkali beberapa barisnya panjang. Lebih umum melihat atribut dengan cara memanggil fungsi:
Contoh : DOCTYPE html
html body
pClick the button to display the date.p button onclick=displayDateThe time is?button
script function displayDate {
document.getElementByIddemo.innerHTML = Date; }
script p id=demop
body html
Berikut adalah daftar beberapa event HTML yang umum:
Event Description
onchange An HTML element has been changed
onclick The user clicks an HTML element
onmouseover The user moves the mouse over an HTML element
onmouseout The user moves the mouse away from an HTML element
onkeydown The user pushes a keyboard key
onload The browser has finished loading the page
LATIHAN 1.
Saat tombol diklik, trigger Function dengan sebuah event.
DOCTYPE html html
body buttonClick Mebutton
p id=demop
script function myFunction {
document.getElementByIddemo.innerHTML = Hello World; }
script body
html
suvi.rahmagmail.com
2. Elemen span harus melakukan sesuatu saat seseorang mengarahkan mouse ke