Menyisipkan Javascript ke HTML dan Menampilkannya
(Bagian 2)
Cara 2
Menggunakan perintah document.body.innerHTML+=" ";
Langkah-langkahnya
1. Mulailah dengan menulis perintah
document.body.innerHTML+=” ”; secara manual di halaman Google Docs.
Perhatikan huruf demi huruf, tanda demi tanda, dan huruf besar (kapital) huruf kecilnya pada perintah tersebut. Dalam penulisan perintah huruf besar berbeda dengan huruf kecil.
2. Tulislah pesan yang anda suka di dalam tanda kutip atau tanda petik pada kode +=” ”;
Tanda kutip atau tanda petik (quotes) tidak boleh miring. Javascript tidak mau membaca tanda kutip atau tanda petik miring (smart quotes).
Misalnya saya menulis begini
Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali
Tulisan atau teks tersebut didahului dengan <p> dan diakhiri dengan </p> yang menunjukkan paragraf.
sehingga kode menjadi
document.body.innerHTML+="<p>Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali</p>";
3. Seluruh kode tersebut dibuka dengan perintah <script type="text/javascript"> dan ditutup dengan </script>
sehingga kode menjadi
<script type="text/javascript">
document.body.innerHTML+="<p>Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali</p>";
</script>
4. Copy-lah seluruh kode tersebut
5. Kemudian beralih ke Blogger.
Bukalah akun Blogger anda.
Bila Anda belum memiliki akun Blogger, maka terlebih dahulu daftarlah ke akun Blogger di alamat resmi www.blogger.com
Sesudah daftar ke akun Blogger dan berhasil membuat blog, maka pilihlah (tombollah) tiga garis bertumpuk (yang berada di paling kiri paling atas, itu tepatnya di sebelah kiri ikon Blogger) untuk memunculkan semua menu.
Bila semua menu sudah muncul secara menurun, maka pilihlah (tombollah) menu +POSTINGAN BARU (yang berada di paling atas) hingga terbukalah halaman baru yang kosong.
Bila sudah terbuka halaman baru yang kosong, pilihlah menu <> (yang berada di kiri atas tepatnya di bawah tulisan judul) untuk menampakkan menu Tampilan HTML (yang berada di sebelah atas) dan menu Tampilan Menulis (yang berada di sebelah bawah).
Pilihlah menu Tampilan HTML (yang berada di sebelah atas).
Di halaman menu Tampilan HTML inilah kita paste semua kode yang sudah kita copy dari Google Docs.
6. Pilihlah Publikasikan
7. Pilihlah KONFIRMASI
8. Kembali ke menu Blogger,
Pilihlah ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, tepatnya di sebelah kiri ikon Blogger) sampai muncul semua menu secara menurun.
9. Pilihlah (tombollah) menu Lihat blog (yang berada di paling bawah) untuk melihat hasil tampilan kode yang terpublikasikan ke seluruh semesta raya, yang bisa dibaca oleh seluruh manusia di semua jagat raya.
Kode selengkapnya berikut :
<script type="text/javascript">
document.body.innerHTML+="<p>Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali</p>";
</script>
Hasil tampilannya berikut:
Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali
Atau
Buanglah kode type="text/javascript" yang tersemat di dalam kode <script type="text/javascript">
sehingga kode <script type="text/javascript"> berubah menjadi
<script>
Kode selengkapnya berikut :
<script>
document.body.innerHTML+="<p>Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali</p>";
</script>
