Wednesday, July 16, 2014

Tutorial Javascript Untuk Pemula part 2

Tutorial Javascript Untuk Pemula part 2
Tutorial Javascript Untuk Pemula part 2 - Setelah pada sebelumnya membahas Tutorial Javascript Untuk Pemula ,sekarag saya akan melanjutkan materi dari artikel yang sebelumnya. Pada sebelumnya saya sudah membahas seputar fungsi alert().
Fungsi alert() ini sebenarnya jarang digunakan dalam javascript, tapi cukup praktis untuk mencoba fungsi alert() ini. Even ONCLICK adalah salah satu dari event HTML dimana detailnya nanti akan di jelaskan dibelakang. Masih banyak lagi penggunaan javascript yang akan anda ketahui setelah mengikuti artikelku ini. Contoh yang gampang adalah memanipulasi konten HTML. contohnya seperti yang berikut ini :
<html>
   <head>
      <title>Belajar Memanipulasi konten dengan javascript</title>
   </head>
   <body>
      <h1>Merubah Konten Dengan Javascript</h1>
      <p id="ex">Konten Awal Yang Akan Di Ubah</p>
      <script>
         function MerubahText() {
            x=document.getElementById("ex");  //Mencari Element
            x.innerHTML="Konten Text Pengganti";  //Merubah Konten
         }
      </script>
      <input type="button" onclick="MerubahText()" value="Ubah Text">
   </body>
</html>

Jika di jalankan hasilnya akan jadi seperti ini ,ketika tombol di klik maka text pada paragraf di bawah ini akan berubah :

Merubah Konten Dengan Javascript

Konten Awal Yang Akan Di Ubah

Bagaimana ? Simpel Dan Mudah Bukan ?!
Back Artikel : Tutorial Javascript Untuk Pemula Part 1
Next Artikel : Dasar-Dasar Javascript 

Saya hanya seorang "newbie" yang baru bisa ngoding lohor kemarin.

2 komentar

Ini tutorial part 2nya bro sangat berguna bagi saya karena saya ingin mencoba mempelajari JS. Di tunggu yah tutorial ke 3nya bro. Saya sarankan bro sebaiknya bisa di jelaskan kodenya misalnya apa itu gunanya (/h1) dan alert(). Sekian komentar saya bro :)

Kalau untuk masalah penjelasan tag seperti (h1)...(/h1) dan lain-lain, itu sudah pernah saya bahas di pembahasan HTML : http://mycekinfo.blogspot.com/search/label/HTML


EmoticonEmoticon