diff --git a/src/components/TextForm.js b/src/components/TextForm.js
index 07549d6..64df2b0 100644
--- a/src/components/TextForm.js
+++ b/src/components/TextForm.js
@@ -19,7 +19,13 @@ export default function TextForm(props) {
         setText(newText);
         props.showAlert("Text Cleared!", "success");
     }
-
+    const Encrypt=()=> {
+      var str = text;
+      var enc = window.btoa(text);
+      var res = "Encoded String: " + enc;
+       setText(res);
+       props.showAlert("String is Encrypetd!", "success");
+}
     const handleOnChange = (event)=>{
         setText(event.target.value) 
     }
@@ -52,6 +58,8 @@ export default function TextForm(props) {
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleClearClick}>Clear Text</button>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleCopy}>Copy Text</button>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleExtraSpaces}>Remove Extra Spaces</button>
+            <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={Encrypt}>Encrypt Data</button>
+
         </div>
         <div className="container my-3" style={{color: props.mode==='dark'?'white':'#042743'}}>
             <h2>Your text summary</h2>