<style>
.download-btn {
padding: 12px 24px;
font-size: 18px;
font-weight: bold;
border: none;
background: #333;
color: #fff;
cursor: pointer;
}
@media print {
@page {
size: A4 portrait;
}
.download-btn {
display: none;
}
}
</style>
<button class="download-btn">Download As PDF</button>
<script>
const downloadBtn = document.querySelector(".download-btn");
downloadBtn.addEventListener("click", () => {
print();
});
</script>
Berikut adalah skrip untuk anda membolehkan anda butang download untuk artikel anda.
1. Pergi artikel yang anda mahu buat download
2. Anda edit artikel tersebut dan pegi HTML
3. Copy skrip tadi dan tambahkan ke bahagian bawah code HTML artikel anda.
4. Anda akan lihat satu butang Download Aas PDF ujud kat bawah sekali.
5. Bila anda klik hendak download, ia akan download dari artikel ke footer. Ini kelemahan skrip ini.
6. Pastikan anda memilih mukasurat mana hendak download dahulu. Saya membuat pilihan 1-2 kawasan sahaja.
7.Siap