Text Editor HTML CSS Javascript

Text Editor HTML CSS JavaScript

Untuk Coding Bahasa Pemrograman HTML CSS JavaScript

(Dari Ikhsan, S.Pd., M.Pd.)

HTML:


CSS:


JavaScript:

HASILNYA:

PETUNJUK PEMAKAIAN: 

(Dari Ikhsan, S.Pd., M.Pd.)

1. Copy-lah kode Javascript yang sudah anda tulis di Google Docs.

Contoh kode Javascript yang sudah anda tulis di Google Docs berikut ini:

  <script>

    let a = 43;

    let b = 40;

    let c = a + b;

    document.write("Hasil dari " + a + " + " + b + " adalah " + c);

  </script>

Seluruh kode tersebut di-copy, jangan sampai tertinggal satupun.

Tanda kutip atau tanda petik jangan sampai miring karena biasanya pada saat proses Copy (Salin) dari Google Docs ke Paste (Tempel) di Blogger itu terkadang terjadi perubahan kemiringan tanda kutip secara otomatis.

2. Paste-lah ke Text Editor di kolom HTML:

Jangan di-Paste di kolom JavaScript karena kode JavaScript dibungkus oleh kode HTML artinya kode JavaScript menyisip ke kode HTML.

3. Jalankan kode tersebut dengan menombol (menekan) tombol (menu) Jalankan.

4. Lihatlah hasilnya di kolom HASILNYA: