Added a download button

[ozearkhan]

Description

Summary

This pull request introduces a new feature to the js-beautify project: a "Download Code" button that allows users to download the beautified code in the format they choose (HTML, CSS, or JS).

Fixes Issue:

• Please make a Download button #2309

Changes Made

1. Added Download Button to index.html

   • A new button labeled "Download Beautified Code" has been added to the HTML.
   • Clicking this button triggers the downloadBeautifiedCode function.

2. Implemented downloadBeautifiedCode Function

   • Added a function in web/common-function.js to handle the download functionality.
   • The function generates a Blob from the beautified code and initiates a download with a filename based on the selected language.

Detailed Description

index.html

• New Button Added:

  <button class="control" type="button" onclick="downloadBeautifiedCode()"><strong>Download Beautified Code</strong></button>

web/common-function.js

• New Function: downloadBeautifiedCode

  function downloadBeautifiedCode() {
    var output = the.lastOutput; // The beautified code
    var language = $('#language').val();
    var filename = 'beautified_code.' + (language === 'html' ? 'html' : language === 'css' ? 'css' : 'js');
    
    var blob = new Blob([output], { type: 'text/' + (language === 'html' ? 'html' : language) });
    var link = document.createElement('a');
    link.href = URL.createObjectURL(blob);
    link.download = filename;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  }

Testing

• Manual Testing:
  • Verified that the "Download Beautified Code" button appears and functions correctly.
  • Ensured that clicking the button downloads the beautified code in the correct format and with the correct filename.

Additional Information

• Screenshots:

• Related Issues:
  • No issues found.

---

[ozearkhan]

@bitwiseman sir this PR is ready for review.

[ozearkhan]

Could you please let me know if any further changes are needed? If not, could you specify the conditions required for merging? This is my first PR, so I would really appreciate any feedback.