HTML विंडो btoa () विधि बेस-64 स्ट्रिंग में डेटा की एक स्ट्रिंग को एन्कोड करती है जिसे HTML दस्तावेज़ में atob () विधि द्वारा डिकोड किया जा सकता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
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() विधि का उपयोग करके डिकोड किए गए संदेश को प्रदर्शित करने के लिए "डीकोड संदेश" बटन पर क्लिक करें।
