Menyisipkan Javascript ke HTML dan Menampilkannya
(Bagian 7)
Cara 7
Ini menjalankan Javascript langsung dari atribut HTML seperti onclick, onmouseover, dan lain-lain.
Ini lebih sederhana dan sangat cocok untuk efek cepat.
Langkah-langkahnya
Tidak saya jelaskan di sini, silahkan dicoba sendiri sebagai latihan otak-atik coding di halaman posting Blogger di bagian Tampilan HTML
Kode selengkapnya berikut :
<button onclick="this.innerText='Ikhsan Falihi Penyair Pinggir Kali Adalah Wisudawan Terbaik Universitas Negeri Surabaya (UNESA) Pada Wisuda XLVI Tahun 2000'">Klik saya</button>
Ingatlah tanda petik ‘ ‘ dan “ “ tidak boleh miring karena javascript tidak mau membacanya.
onclick="..." itu menjalankan JavaScript ketika tombol diklik.
this itu Mengacu ke elemen yang diklik (yaitu tombol).
innerText itu sebagai properti untuk mengubah isi teks dari elemen HTML.
'ikhsan' itu string teks yang ditampilkan pada tombol
Kalau sudah ditampilkan di halaman Blogger, maka tampaklah tampilan kotak bertuliskan Klik saya.
Bila kotak Klik saya ditombol (diklik), maka muncullah teks berikut
Ikhsan Falihi Penyair Pinggir Kali Adalah Wisudawan Terbaik Universitas Negeri Surabaya (UNESA) Pada Wisuda XLVI Tahun 2000
Bisa juga begini
<button id="btn">Klik saya</button>
<script>
document.getElementById("btn").onclick = function() {
this.innerText = "Ikhsan Falihi Penyair Pinggir Kali Adalah Wisudawan Terbaik Universitas Negeri Surabaya (UNESA) Pada Wisuda XLVI Tahun 2000";
};
</script>
