Apa Itu JavaScript ..?
Javascript adalah bahasa script yang biasa jalan di browser, orang-orang biasa bilang client side programming. Client di sini adalah browser, seperti: Internet Explorer, Firefox, Safari dan sebagainya. Kode javascript biasanya disisipkan diantara kode-kode HTML.
Di mana saya bisa menulis kode javascript..?
Kalian bisa menulis kode javascript di teks editor seperti notepad, sublime text dan sebagainya.
Apakah saya butuh compiler untuk menjalankan javascript?
Tidak perlu, Kalian cukup menjalankan javascript menggunakan browser. Semua browser mempunyai engine yang menginterpretasikan kode javascript kita.
Bagaimana Mengakses dan Manipulasi Objek HTML…?
Untuk mengakses objek HTML, kita bisa menggunakan document.getElementById(”id_objek”) atau document.getElementsByName(“nama_objek”)
Contoh :
<html> <head> <script type="text/javascript"> function getElement(){ var x=document.getElementById("myHeader") alert("Ini adalah elemen " + x.tagName) } </script> </head> <body> <h1 id="myHeader" onclick="getElement()"> Klik saya untuk lihat nama tag saya</h1> </body> </html>Berikut metode-metode untuk memanipulasi objek HTML
- InnerHTML
Contoh:
<html> <head> <script type="text/javascript"> function lihatisi(){ isi = document.getElementById("kepala").innerHTML; alert(isi); }
function tukarisi(){ document.getElementById("kepala").innerHTML = "Tulisan Ini diganti"; } </script> </head> <body> <h1 id="kepala">Selamat Datang user!!</h1> <input type="button" onclick="lihatisi()" value="Lihat isi H1"> <input type="button" onclick="tukarisi()" value="Tukar isi H1"> </body> </html>
- Value
Contoh:
<html> <head> <script type="text/javascript"> function lihatisi(){ isi = document.getElementById("teks").value; alert(isi); }Selesai dan tinggal di jalankan di browser kalian
function tukarisi(){ document.getElementById("teks").value = "Tulisan Ini diganti"; } </script> </head> <body> Ketik tulisan di form di bawah:<br> <input type=text name="teks" id="teks"> <input type="button" onclick="lihatisi()" value="Lihat"> <input type="button" onclick="tukarisi()" value="Tukar"> </body> </html>
0 comments: