EDITBLOGTEMA

Let dancing with:

Javascript adalah superman Website

Avatar adelina sofyan Menulis:
javascript icon

Apa yang dapat di kita buat dengan JavaScript?
Salah satunyanya: Seperti CSS JavaScript bisa merubah nilai Atribut HTML
Pada contoh berikut kita tunjukkan bagaimana JavaScript merubah nilai Atribut dari sumber suatu image (gambar)

Berikut trik Javascript yang dimaksudkan dengan penjelasan di atas: 'nyalakan lampu' dan 'matikan lampu' dengan cara menekan tombol kanan dan kiri.

  

Sumber kodenya:
<center> //hanya untuk re-position//<button onclick="document.getElementById('myImage').src='https://1.bp.blogspot.com/-GsTEApA_NUc/Xd5WU8emH4I/AAAAAAAApkQ/6N17ZmTWjG0AuSv3XcwU2Lb0IOc3_Rd-ACEwYBhgL/s1600/bulb-close-up-electricity-energy-577514.jpg'">Nyalakan lampu</button><img id="myImage" src="https://1.bp.blogspot.com/-GsTEApA_NUc/Xd5WU8emH4I/AAAAAAAApkQ/6N17ZmTWjG0AuSv3XcwU2Lb0IOc3_Rd-ACEwYBhgL/s1600/bulb-close-up-electricity-energy-577514.jpg" style="width: 100px;" /><button onclick="document.getElementById('myImage').src='https://1.bp.blogspot.com/-Zjoskz9bZk0/Xd5WbFz6FHI/AAAAAAAApkU/sZM4yznW_poMiwzingwI_h6ht4Onh_MuACLcBGAsYHQ/s1600/20191127_175429.jpg'">Matikan Lampu</button></center> //hanya untuk re-position//

Tentu saja trik ini dapat diterapkan untuk membuat  tombol pengalihan dari terang ke gelap dan dari gelap ke terang misalnya untuk pembuatan opsi dark mode halaman website.

Baca: CARA MUDAH MEMASANG TOMBOL/TOGGLE DARK MODE KE HALAMAN BLOG


Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini! Share:

 
Adel

Adelina Sofyan

contributor biasanya hanya menulis artikel pendek
Javascript adalah superman Website

Tidak ada komentar

Tinggalkan Komentar Anda:

kembali ke atas