Add data link for downloading resulting text

index.html

@@ -49,6 +49,8 @@
 
 				<textarea readonly rows="4" id="outputDisplay" placeholder="The encrypted or decrypted text will appear here."></textarea>
 
+				<div id="plainTextDiv"><a id="plainTextLink" rel="nofollow">Open as plain text</a> (right click &gt; Save link as... to download.) </div>
+
 				<!-- Descriptive text -->
 				<div class="columnContainer">
 					<div class="column" id="col1">
@@ -102,6 +104,7 @@ <h3 class="columnHeader">How does it work?</h3>
 			decryptRB     = document.getElementById("decryptRB");
 			button        = document.getElementById("button");
 			outputDisplay = document.getElementById("outputDisplay");
+			plainTextLink = document.getElementById("plainTextLink");
 			//-->
 		</script>
 	</body>

script.js

@@ -14,7 +14,7 @@
  * along with Just Encrypt.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-var pwField, dataField, outputDisplay, encryptRB, decryptRB, button;
+var pwField, dataField, outputDisplay, encryptRB, decryptRB, button, plainTextLink;
 
 function encrypt() {
 	var pw = pwField.value;
@@ -48,6 +48,7 @@ function decrypt() {
 
 function output(text) {
 	outputDisplay.value = text;
+	plainTextLink.href = "data:text/plain," + text
 }
 
 function showPWConfirm() {

stylesheet.css

@@ -100,6 +100,12 @@ input.invalid {
 	width:25%;
 }
 
+#plainTextDiv {
+	text-align:right;
+	font-size:small;
+	padding-bottom:1em;
+}
+
 /* Text Styles */
 p, li, div {
 	font-family:"Trebuchet",sans-serif;