หน้าต่าง HTML btoa() วิธีการเข้ารหัสสตริงของข้อมูลในสตริงฐาน 64 ซึ่งสามารถถอดรหัสได้โดยวิธี atob() ในเอกสาร HTML
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
window.btoa(string_to_be_encoded);
ให้เราดูตัวอย่างของวิธีการ HTML หน้าต่าง btoa() -
ตัวอย่าง
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
text-align: center;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
::placeholder {
color: #000;
}
</style>
<body>
<h1>HTML Window atob()/btoa() Method</h1>
<textarea placeholder="Enter your message here" cols="30" rows="5"></textarea>
<button onclick="encode()" class="btn">Encode Message</button>
<button onclick="decode()" class="btn">Decode Message</button>
<div class="show"></div>
<script>
var show = document.querySelector(".show");
function encode() {
var encMsg = window.btoa(document.querySelector("textarea").value);
show.innerHTML = encMsg;
}
function decode() {
var decMsg = window.atob(window.btoa(document.querySelector("textarea").value));
show.innerHTML = decMsg;
}
</script>
</body>
</html> ผลลัพธ์
ป้อนข้อความในพื้นที่ข้อความสีขาว จากนั้นคลิกที่ปุ่ม "เข้ารหัสข้อความ" เพื่อแสดงข้อความที่เข้ารหัสโดยใช้วิธี btoa()
จากนั้นคลิกที่ปุ่ม “ถอดรหัสข้อความ” เพื่อแสดงข้อความที่ถอดรหัสโดยใช้วิธีการ atob()
