Lompat ke konten Lompat ke sidebar Lompat ke footer

Melakukan Encoding HTML Menggunakan Btoa Window DOM

Properti Window btoa() DOM pada HTML merupakan properti yang digunakan untuk melakukan encoding sebuah string berdasarkan format base-64. Karakter yang digunakan oleh properti btoa() adalah "A-Z", "a-z", "0-9", "+", "/" and "=".

Sebelum memahami lebih dalam materi tentang Melakukan Encoding HTML Menggunakan Btoa Window DOM, terlebih dahulu pelajari materi tentang: Mengatur Blur dan Focus Window HTML DOM, Melakukan Dekoding HTML Menggunakan Atob Window DOM, dan Menampilkan Pesan Peringatan HTML Menggunakan Alert Window DOM.

Sintak: window.btoa(String)

Parameter Properti:
  • String: merupakan parameter wajib yang digunakan untuk menentukan string yang akan di-encode.

Return Values: berfungsi untuk mengembalikan sebuah string yang merepresentasikan string encode dari format base-64.

Baca Juga:

Berikut adalah ilustrasi program dari method window btoa().

Contoh: melakukan encoding sebuah string dalam format base-64.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Window btoa() DOM 

pada HTML

</title>

 

<style>

h1 

{

color: green;

}

 

h2 

{

font-family: Impact;

}

 

body 

{

text-align: center;

}

</style>

 

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Window btoa() DOM

</h2>

 

<p>

Untuk melakukan encoding 

sebuah string menggunakan 

format base-64 format, 

lakukan double klik pada 

tombol "Encode Message":

</p>

 

<button 

ondblclick="encode()">

Encode Message

</button>

 

<p id="myEncoding"></p>

 

<script>

function encode() 

{

var original = "MakanDanMakan";

 

var encoded = window.btoa(original);

 

var output = "Encoded String : " 

+ encoded;

 

document.getElementById("myEncoding").innerHTML =

"Original String: " 

+ original 

+ "<br>" 

+ output;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Window btoa() DOM

Untuk melakukan encoding sebuah string menggunakan format base-64 format, lakukan double klik pada tombol "Encode Message":


Artikel ini didedikasikan kepada: Muhammad Rahadian Abdurrahman 'Auf All-Firdausy, Muhammad Rizqi Naufal, Muhammad Salafiah, Mutiara Dwi Rahayuni, dan Muyasyaroh.

5 komentar untuk "Melakukan Encoding HTML Menggunakan Btoa Window DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti btoa() window dom pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti btoa() window DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan method btoa() DOM pada HTML?

    BalasHapus
    Balasan
    1. Method btoa() DOM pada HTML merupakan properti pengkodean string base-64. Method btoa() merupakan method yang menggunakan karakter "A-Z", "a-z", "0-9", "+", "/" dan "=" untuk mengkodekan string.

      Hapus
    2. Method btoa() digunakan untuk membuat string ASCII yang dikodekan berdasarkan kode Base64 dari string biner, yaitu string dimana setiap karakter pada string diperlakukan sebagai byte data biner.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -