Menyisipkan Javascript ke HTML dan Menampilkannya
(Bagian 3)
Cara 3
Menggunakan perintah document.getElementById(" ").innerText = “ ”;
Langkah-langkahnya
1. Mulailah dengan menulis perintah
document.getElementById(" ").innerText = " "; 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 " ";
tanda kutip " " tidak boleh miring.
Misalnya saya menulis begini
Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali
sehingga kode menjadi
document.getElementById(" ").innerText = "Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali";
3. Seluruh kode tersebut diawali dengan perintah <script type="text/javascript"> dan diakhiri dengan </script>
sehingga kode menjadi
<script type="text/javascript">
document.getElementById(" ").innerText = "Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali";
</script>
4. Seluruh kode tersebut harus diletakkan sesudah kode <p id=" "> </p>
sehingga kode menjadi
<p id=" "> </p>
<script type="text/javascript">
document.getElementById(" ").innerText = "Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali";
</script>
5. Copy-lah seluruh kode tersebut
6. Beralih ke Blogger.
Pilihlah menu +POSTINGAN BARU untuk membuka halaman baru.
Pilihlah menu <>
Pilihlah menu Tampilan HTML
Kemudian semua kode yang sudah di-copy dari Google Docs sekarang harus di-paste ke halaman Tampilan HTML di Blogger, bukan di Tampilan Menulis.
6. Pilihlah Publikasikan
7. Pilihlah KONFIRMASI
8. Kembali ke menu Blogger, 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 :
<p id=" "> </p>
<script type="text/javascript">
document.getElementById(" ").innerText = "Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali";
</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 :
<p id=" "> </p>
<script>
document.getElementById(" ").innerText = "Belajar Javascript Permulaan Bersama Ikhsan Falihi Penyair Pinggir Kali";
</script>
