Added a download button

index.html

@@ -99,7 +99,9 @@ <h1 class="logo">
       <button class="control" type="button" onclick="copyText()"><strong>Copy to Clipboard</strong></button>
       <button class="control" type="button" onclick="selectAll()"><strong>Select All</strong></button>
       <button class="control" type="button" onclick="clearAll()"><strong>Clear</strong></button>
+      <button class="control" type="button" onclick="downloadBeautifiedCode()"><strong>Download Code</strong></button>
       <input type="file" onchange="changeToFileContent(this)">
+
     </div>
 
     <div class="config-options">

web/common-function.js

@@ -150,6 +150,38 @@ function unpacker_filter(source) {
   return leading_comments + source;
 }
 
+/* exported downloadBeautifiedCode */
+function downloadBeautifiedCode() {
+  var content = the.editor ? the.editor.getValue() : $('#source').val();
+
+  // Getting the selected language to determine the file extension
+  var language = $('#language').val();
+  var fileExtension = "txt"; // Default extension
+
+  // Setting the  file extension based on the selected language
+  if (language === 'html') {
+    fileExtension = 'html';
+  } else if (language === 'css') {
+    fileExtension = 'css';
+  } else if (language === 'js') {
+    fileExtension = 'js';
+  }
+
+  // Creating a Blob object with the content
+  var blob = new Blob([content], { type: "text/plain;charset=utf-8" });
+
+  // Creating a temporary anchor element to trigger the download
+  var link = document.createElement("a");
+  link.href = URL.createObjectURL(blob);
+  link.download = "js-beautify." + fileExtension; // Dynamic file name based on extension
+
+  // Triggering the download
+  link.click();
+
+  // Cleanup
+  URL.revokeObjectURL(link.href);
+}
+
 
 function beautify() {
   if (the.beautify_in_progress) {

web/onload.js

@@ -55,4 +55,6 @@ $(function() {
   $('#additional-options').change(beautify);
 
 
+
+
 });