Cara Membuat Tombol Download Sederhana Menggunakan HTML5

Daftar Isi

Untuk membuat tombol download sederhana menggunakan HTML5, dapat dilakukan dengan menambahkan atribut `download` pada elemen `<a>` (link) atau menggunakan elemen `<button>` dengan melampirkan script JavaScript. 

Berikut adalah contoh implementasinya:

Menggunakan elemen `<a>`

```html

<a href="path/file_to_download.ext" download>

  <button>Download</button>

</a>

```

Dalam contoh di atas, `href` adalah URL dari file yang ingin di-download. Atribut `download` akan memberitahu browser bahwa file harus di-download daripada di-buka langsung oleh browser. 

Elemen `<button>` juga bisa ditambahkan untuk memberikan penampilan yang terlihat seperti tombol.

Menggunakan elemen `<button>` dengan JavaScript

```html

<button onclick="downloadFile('path/file_to_download.ext')">Download</button>

<script>

  function downloadFile(filePath) {

    window.location.href = filePath;

  }

</script>

```

Pada contoh kedua, kita menggunakan elemen `<button>` dengan menambahkan atribut `onclick` untuk memanggil fungsi JavaScript `downloadFile()`. Fungsi `downloadFile()` akan mengarahkan browser untuk membuka URL yang ditentukan dalam parameter `filePath`.

Pastikan untuk mengganti `"path/file_to_download.ext"` dengan URL atau path file yang sesuai dengan kebutuhan Anda.

Penutup

Sekarang Anda telah membuat tombol download sederhana menggunakan HTML5! 

Oke cukup mudah bukan, sekian tutorial tentang Bagaimana Cara Membuat Tombol Download Sederhana Menggunakan HTML5. Sampai bertemu diartikel selanjutnya dan sampai jumpa.