[javascript] 자바스크립트로 파일 다운로드 버튼 만들기

HTML 파일에는 파일을 다운로드할 수 있는 <button> 요소를 추가할 것입니다.

<button onclick="downloadFile()">파일 다운로드</button>

이제 자바스크립트 함수 downloadFile()을 만들어서 버튼이 클릭되면 파일을 다운로드할 수 있도록 하겠습니다.

function downloadFile() {
  // 파일 다운로드를 위한 URL을 설정합니다.
  var fileUrl = '파일의 URL 주소';
  
  // 파일 이름을 설정합니다.
  var fileName = '다운로드할_파일명.확장자';
  
  // 가짜 링크를 생성하고, 파일의 URL과 다운로드할 파일 이름을 설정합니다.
  var link = document.createElement('a');
  link.href = fileUrl;
  link.download = fileName;
  
  // 링크를 클릭해서 파일을 다운로드합니다.
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

위 코드를 이용하여 버튼을 클릭하면 파일을 다운로드 할 수 있습니다. 파일의 URL 주소와 파일 이름을 설정하여 해당 파일을 다운로드할 수 있도록 기능을 추가하였습니다.

이제 자바스크립트로 파일 다운로드하는 기능을 가진 버튼을 만들 수 있습니다.